From 11bd2ae19494932f7f6071425e858ce249b73179 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期一, 21 七月 2025 16:58:08 +0800
Subject: [PATCH] ID1625-暂存
---
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 26 +++++++++++++++++++++++---
1 files changed, 23 insertions(+), 3 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
index 0eb434e..b45c005 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -3,14 +3,15 @@
class="bedside-auxiliary-screen-card"
:style="{
'--bg-color': props.backgroundColor,
- '--height': props.height + 'px',
}"
>
<div class="card-header">
<img :src="props.icon" class="card-icon" alt="" srcset="" />
<span class="card-title">{{ props.title }}</span>
</div>
- <div class="card-main"></div>
+ <div class="card-main">
+ <slot />
+ </div>
</div>
</template>
@@ -25,15 +26,22 @@
</script>
<style lang="less" scoped>
+* {
+ box-sizing: border-box;
+}
.bedside-auxiliary-screen-card {
display: flex;
flex-direction: column;
- height: var(--height);
+ // height: 100%;
padding: 3px 4px;
border-radius: 2px;
background-color: var(--bg-color, #70a3dd);
+ overflow: hidden;
+ overflow-y: auto;
+ height: 100%;
.card-header {
+ flex: 0 0 6px;
display: flex;
align-items: center;
margin-bottom: 2px;
@@ -60,7 +68,19 @@
.card-main {
flex: 1;
+ overflow: hidden;
overflow-y: auto;
+ min-height: 0;
}
+ .card-main > * {
+ min-height: 0;
+ overflow: hidden;
+ }
+}
+:deep(.el-scrollbar__view) {
+ min-height: 0;
+ height: 100%;
+ overflow: hidden;
+ overflow-y: auto;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0