From d085d0504041e29e82b51a6ade1a183149fc9ffa Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期二, 09 九月 2025 16:44:55 +0800
Subject: [PATCH] Merge branch 'master' of http://dh.leon056.com:7499/r/data2/Single_application into ID1956-已签到页面改版
---
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 48 +++++++++++++++++++++++++++++++-----------------
1 files changed, 31 insertions(+), 17 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
index fd08a56..f7f3f13 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -1,22 +1,21 @@
<template>
- <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
+ 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>
+ <span class="card-right-text" v-if="$slots.right">
+ <slot name="right" />
+ </span>
</div>
- </el-scrollbar>
+ <div class="card-main">
+ <slot />
+ </div>
+ </div>
</template>
<script lang="ts" setup name="Card">
@@ -25,6 +24,7 @@
title: string; // 标题
icon: string;
height?: number;
+ headerClassName?: string; // 头部类名
}
const props = defineProps<Props>();
</script>
@@ -45,6 +45,7 @@
height: 100%;
.card-header {
+ position: relative;
flex: 0 0 6px;
display: flex;
align-items: center;
@@ -68,6 +69,19 @@
overflow: hidden;
text-overflow: ellipsis;
}
+ .card-right-text {
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 500;
+ font-size: 4px;
+ color: #333333;
+ line-height: 5px;
+ text-align: right;
+ font-style: normal;
+ }
}
.card-main {
--
Gitblit v1.8.0