From 63461a666c4df423b367f4ca15a3a508caf4c555 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期二, 08 七月 2025 20:40:24 +0800
Subject: [PATCH] Merge branch 'master' of http://dh.leon056.com:7499/r/data2/Single_application into ID1825-床旁副屏改版
---
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 25 ++++++++++++++++++++-----
1 files changed, 20 insertions(+), 5 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
index a70ca62..e224cdf 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -1,14 +1,17 @@
<template>
<div
class="bedside-auxiliary-screen-card"
- :style="{ '--bg-color': props.backgroundColor }"
+ :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">
-
+ <slot />
</div>
</div>
</template>
@@ -18,24 +21,31 @@
backgroundColor: string; // 背景颜色
title: string; // 标题
icon: string;
+ height?: number;
}
const props = defineProps<Props>();
</script>
<style lang="less" scoped>
.bedside-auxiliary-screen-card {
+ display: flex;
+ flex-direction: column;
+ height: var(--height);
padding: 3px 4px;
border-radius: 2px;
background-color: var(--bg-color, #70a3dd);
+
.card-header {
display: flex;
align-items: center;
margin-bottom: 2px;
+
.card-icon {
width: 6px;
height: 6px;
margin-right: 2px;
}
+
.card-title {
flex: 1;
font-family: PingFangSC, PingFang SC;
@@ -44,10 +54,15 @@
color: #333333;
text-align: left;
font-style: normal;
- white-space: nowrap; // 不换行
- overflow: hidden; // 隐藏超出部分
- text-overflow: ellipsis; // 显示省略号
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
+
+ .card-main {
+ flex: 1;
+ overflow-y: auto;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0