From 42c8c76b00027995e01cbe692198831fbe019f38 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 02 十二月 2025 17:11:49 +0800
Subject: [PATCH] fix: 数据看板
---
src/views/DataBoard/components/DataBoardDataInfoItem.vue | 25 +++++++++++++++++--------
1 files changed, 17 insertions(+), 8 deletions(-)
diff --git a/src/views/DataBoard/components/DataBoardDataInfoItem.vue b/src/views/DataBoard/components/DataBoardDataInfoItem.vue
index 5826b80..ad13b45 100644
--- a/src/views/DataBoard/components/DataBoardDataInfoItem.vue
+++ b/src/views/DataBoard/components/DataBoardDataInfoItem.vue
@@ -7,7 +7,7 @@
>
<div class="data-board-data-info-item-label">{{ label }}</div>
<div class="data-board-data-info-item-value">
- <el-statistic :value="value" />
+ <el-statistic :value="_value" :precision="precision" />
</div>
</div>
</template>
@@ -22,15 +22,18 @@
type Props = {
backgroundImage: string;
label: string;
+ precision?: number;
};
-const props = withDefaults(defineProps<Props>(), {});
+const props = withDefaults(defineProps<Props>(), {
+ precision: 0,
+});
const value = defineModel<number>('value');
-// const _value = useTransition(value, {
-// duration: 500,
-// });
+const _value = useTransition(value, {
+ duration: 500,
+});
</script>
<style lang="scss" scoped>
@@ -46,19 +49,25 @@
.data-board-data-info-item-label {
margin-bottom: 4px;
- margin-left: 86px;
+ margin-left: 80px;
font-size: 13px;
color: #ffffff;
}
.data-board-data-info-item-value {
- margin-left: 86px;
- font-size: 16px;
+ margin-left: 80px;
font-family: YouSheBiaoTiHei Regular;
background: linear-gradient(to bottom, #ffffff, #6fcdff);
-webkit-background-clip: text;
line-height: 19px;
-webkit-text-fill-color: transparent;
+
+ :deep() {
+ .el-statistic__content {
+ font-size: 16px;
+ color: #ffffff;
+ }
+ }
}
}
</style>
--
Gitblit v1.9.1