From 7c37eb24f9864d9949e2052abf393d30817c26ed Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期六, 19 七月 2025 14:54:07 +0800
Subject: [PATCH] ID1825-优化card组件
---
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 42 +++++++++++++++++++++++++++---------------
1 files changed, 27 insertions(+), 15 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
index 70405ee..fd08a56 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -1,19 +1,22 @@
<template>
- <div
- 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>
+ <el-scrollbar>
+ <div
+ class="bedside-auxiliary-screen-card"
+ :style="{
+ '--bg-color': props.backgroundColor,
+ }"
+ >
+ <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">
+ <el-scrollbar class="card-main">
+ <slot />
+ </el-scrollbar>
+ </div>
</div>
- <div class="card-main">
- <slot />
- </div>
- </div>
+ </el-scrollbar>
</template>
<script lang="ts" setup name="Card">
@@ -33,10 +36,13 @@
.bedside-auxiliary-screen-card {
display: flex;
flex-direction: column;
- height: 100%;
+ // 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;
@@ -75,4 +81,10 @@
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