From 89436385a31b0f31c33bb4688ab7c3b549ecc125 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 10 十二月 2025 17:15:52 +0800
Subject: [PATCH] feat: databoard
---
src/views/DataBoard/components/DataBoardCenterDataItem.vue | 24 ++++++++++++++----------
1 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/views/DataBoard/components/DataBoardCenterDataItem.vue b/src/views/DataBoard/components/DataBoardCenterDataItem.vue
index 9006fb9..6d8bf92 100644
--- a/src/views/DataBoard/components/DataBoardCenterDataItem.vue
+++ b/src/views/DataBoard/components/DataBoardCenterDataItem.vue
@@ -4,10 +4,10 @@
<img :src="image" alt="" />
</div>
<div class="data-board-data-info-item-content">
- <div class="data-board-data-info-item-value">
- <el-statistic :value="value" :precision="precision" />
- </div>
<div class="data-board-data-info-item-label">{{ label }}</div>
+ <div class="data-board-data-info-item-value">
+ <el-statistic :value="_value" :precision="precision" />
+ </div>
</div>
</div>
</template>
@@ -22,13 +22,17 @@
type Props = {
image: string;
label: string;
- value: number;
precision?: number;
};
const props = withDefaults(defineProps<Props>(), {
- value: 0,
precision: 2,
+});
+
+const value = defineModel<number>('value');
+
+const _value = useTransition(value, {
+ duration: 500,
});
</script>
@@ -37,8 +41,8 @@
.data-board-center-data-item {
display: flex;
- padding: 8px 12px;
- background: rgba(0, 5, 18, 0.27);
+ // padding: 8px 12px;
+ // background: rgba(0, 5, 18, 0.27);
.data-board-data-info-item-icon {
width: 64px;
@@ -60,8 +64,8 @@
.data-board-data-info-item-value {
margin-bottom: 5px;
font-size: 22px;
- font-family: DrukWide-Bold;
- line-height: 30px;
+ font-family: DINAlternate-Bold;
+ line-height: 26px;
:deep() {
.el-statistic__content {
@@ -73,7 +77,7 @@
.data-board-data-info-item-label {
font-size: 16px;
line-height: 22px;
- color: #ffffff;
+ color: #b9c4d0;
}
}
}
--
Gitblit v1.9.1