From 93b99db9ed698c42cb20f804fc9e50d8b3f4ac45 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期四, 11 四月 2024 09:07:55 +0800
Subject: [PATCH] style:考核数据样式
---
src/views/screen/components/screen-examine/components/examine-chart.vue | 2 +-
src/views/screen/components/screen-data/index.vue | 13 +++++++------
src/views/screen/components/screen-examine/components/examine-hola.vue | 5 ++++-
3 files changed, 12 insertions(+), 8 deletions(-)
diff --git a/src/views/screen/components/screen-data/index.vue b/src/views/screen/components/screen-data/index.vue
index 5518046..0b316b8 100644
--- a/src/views/screen/components/screen-data/index.vue
+++ b/src/views/screen/components/screen-data/index.vue
@@ -14,13 +14,13 @@
</div>
<div class="panel-container">
<div class="panel-item">
- <data-hola :holaTitle="`宸ュ崟鎬绘暟`" :centerValue="1111" :holaColor="`#4ea8ff`"></data-hola>
+ <data-hola :holaTitle="`宸ュ崟鎬绘暟`" :centerValue="3000" :holaColor="`#4ea8ff`"></data-hola>
</div>
<div class="panel-item">
- <data-hola :holaTitle="`宸插鐞嗗伐鍗曟暟`" :centerValue="1111" :holaColor="`#4ea8ff`"></data-hola>
+ <data-hola :holaTitle="`宸插鐞嗗伐鍗曟暟`" :centerValue="1600" :holaColor="`#5dec24`"></data-hola>
</div>
<div class="panel-item">
- <data-hola :holaTitle="`鏈鐞嗗伐鍗曟暟`" :centerValue="1111" :holaColor="`#4ea8ff`"></data-hola>
+ <data-hola :holaTitle="`鏈鐞嗗伐鍗曟暟`" :centerValue="200" :holaColor="`#dfc639`"></data-hola>
</div>
</div>
</div>
@@ -124,7 +124,7 @@
<style lang="scss" scoped>
.data-container {
width: 100%;
- height: 470px;
+ height: 500px;
display: flex;
flex-direction: column;
@@ -167,10 +167,11 @@
width: 100%;
display: flex;
justify-content: space-around;
+ margin: 10px 0;
.panel-item {
- width: 100px;
- height: 100px;
+ width: 120px;
+ height: 120px;
}
}
</style>
\ No newline at end of file
diff --git a/src/views/screen/components/screen-examine/components/examine-chart.vue b/src/views/screen/components/screen-examine/components/examine-chart.vue
index 36bf136..d12f01e 100644
--- a/src/views/screen/components/screen-examine/components/examine-chart.vue
+++ b/src/views/screen/components/screen-examine/components/examine-chart.vue
@@ -56,7 +56,7 @@
.hola-item {
flex-shrink: 0;
- width: 120px;
+ width: 150px;
height: 120px;
}
}
diff --git a/src/views/screen/components/screen-examine/components/examine-hola.vue b/src/views/screen/components/screen-examine/components/examine-hola.vue
index e8e89d1..83a0396 100644
--- a/src/views/screen/components/screen-examine/components/examine-hola.vue
+++ b/src/views/screen/components/screen-examine/components/examine-hola.vue
@@ -151,7 +151,9 @@
.progressChart {
width: 100%;
height: 100%;
-
+ display: flex;
+ flex-direction: column;
+ align-items: center;
.chart {
width: 100%;
height: 75%;
@@ -166,4 +168,5 @@
margin-top: 10px;
}
}
+
</style>
--
Gitblit v1.8.0