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/BlockBotttom.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue
new file mode 100644
index 0000000..a96995c
--- /dev/null
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/BlockBotttom.vue
@@ -0,0 +1,48 @@
+<template>
+ <div
+ class="block-botttom"
+ :style="{
+ '--backgroundColor': props.backgroundColor,
+ }"
+ @click="props.onClick"
+ >
+ <img :src="icon" alt="" class="icon" />
+ <span class="text">{{ text }}</span>
+ </div>
+</template>
+
+<script lang="ts" setup name="BlockBotttom">
+interface Props {
+ icon: string; // 图标
+ text: string; // 文本
+ backgroundColor: string; // 背景颜色
+ onClick: () => void; // 点击事件
+}
+const props = defineProps<Props>();
+</script>
+
+<style lang="less" scoped>
+.block-botttom {
+ width: 18px;
+ height: 18px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background: var(--backgroundColor, #70a3dd);
+ border-radius: 2px;
+ .icon {
+ margin-bottom: 2px;
+ width: 6px;
+ height: 6px;
+ }
+ .text {
+ font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
+ font-weight: 500;
+ font-size: 3px;
+ color: #ffffff;
+ text-align: left;
+ font-style: normal;
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0