From 64aaf44b6b2948631ebd0d9840d51e5e31ae5479 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期五, 25 七月 2025 01:44:25 +0800
Subject: [PATCH] Merge branch 'ID1825-床旁副屏改版' into test
---
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 87 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 87 insertions(+), 0 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
new file mode 100644
index 0000000..6faafca
--- /dev/null
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -0,0 +1,87 @@
+<template>
+ <div
+ class="bedside-auxiliary-screen-card"
+ :style="{
+ '--bg-color': props.backgroundColor,
+ }"
+ >
+ <div class="card-header" :class="props.headerClassName">
+ <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>
+
+<script lang="ts" setup name="Card">
+interface Props {
+ backgroundColor: string; // 背景颜色
+ title: string; // 标题
+ icon: string;
+ height?: number;
+ headerClassName?: string; // 头部类名
+}
+const props = defineProps<Props>();
+</script>
+
+<style lang="less" scoped>
+* {
+ box-sizing: border-box;
+}
+.bedside-auxiliary-screen-card {
+ display: flex;
+ flex-direction: column;
+ // 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;
+
+ .card-icon {
+ width: 6px;
+ height: 6px;
+ margin-right: 2px;
+ }
+
+ .card-title {
+ flex: 1;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 500;
+ font-size: 4px;
+ color: #333333;
+ text-align: left;
+ font-style: normal;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+
+ .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