From 1995e710dcf70e635c4edaa8173f8b66cd67d499 Mon Sep 17 00:00:00 2001
From: 黄何裕 <1053952480@qq.com>
Date: 星期二, 30 七月 2024 14:05:06 +0800
Subject: [PATCH] 样式优化
---
src/views/screen/components/screen-examine/components/examine-chart.vue | 4 +++-
src/views/screen/newPage/index.vue | 25 +++++++++++++------------
src/assets/images/screen/cardBg2.png | 0
src/views/screen/components/screen-examine/components/examine-hola.vue | 4 ++--
4 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/src/assets/images/screen/cardBg2.png b/src/assets/images/screen/cardBg2.png
new file mode 100644
index 0000000..fb63cf8
--- /dev/null
+++ b/src/assets/images/screen/cardBg2.png
Binary files differ
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 c8b3bba..62741f6 100644
--- a/src/views/screen/components/screen-examine/components/examine-chart.vue
+++ b/src/views/screen/components/screen-examine/components/examine-chart.vue
@@ -25,7 +25,9 @@
{ id: 3, name: '妗ｆ鑰冩牳姣�', value: 60, routerUrl: '/car/vehicle-data-monitor/index' },
{ id: 4, name: '鐐逛綅鍦ㄧ嚎鐜�', value: 40, routerUrl: '/car/vehicle-data-monitor/index' },
{ id: 5, name: '褰曞儚鍙敤鐜�', value: 80, routerUrl: '/car/vehicle-data-monitor/index' },
- { id: 6, name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20, routerUrl: '/car/vehicle-data-monitor/index' }
+ { id: 6, name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
+ { id: 7, name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
+ { id: 8, name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
]
}
},
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 38e0308..3b7e21d 100644
--- a/src/views/screen/components/screen-examine/components/examine-hola.vue
+++ b/src/views/screen/components/screen-examine/components/examine-hola.vue
@@ -96,7 +96,7 @@
detail: {
// 涓績title璁剧疆
offsetCenter: ['0%', '0%'],
- color: '#01F8FF',
+ color: '#dedddd',
formatter: '{value}%'
// borderColor: '#01F8FF',
// borderRadius: 20,
@@ -162,7 +162,7 @@
.bottom {
display: inline-block;
width: 100%;
- color: #01f8ff;
+ color: #dedddd;
text-align: center;
font-size: 14px;
margin-top: 10px;
diff --git a/src/views/screen/newPage/index.vue b/src/views/screen/newPage/index.vue
index 63ee2b4..ce4a6b7 100644
--- a/src/views/screen/newPage/index.vue
+++ b/src/views/screen/newPage/index.vue
@@ -32,15 +32,15 @@
<div style="margin: 0 10px">浜鸿劯</div>
<div class="data-info">
<div class="data-lable">璁惧鎬绘暟</div>
- <div class="data-num type1" v-roll>{{ 1123 }}</div>
+ <div class="data-num type1"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
<div class="data-info">
<div class="data-lable">璁惧姝ｅ父鏁�</div>
- <div class="data-num type2" v-roll>{{ 1123 }}</div>
+ <div class="data-num type2"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
<div class="data-info">
<div class="data-lable">璁惧寮傚父鏁�</div>
- <div class="data-num type3" v-roll>{{ 1123 }}</div>
+ <div class="data-num type3"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
</div>
<div class="device_data">
@@ -52,15 +52,15 @@
<div style="margin: 0 10px">杞﹁締</div>
<div class="data-info">
<div class="data-lable">璁惧鎬绘暟</div>
- <div class="data-num type1" v-roll>{{ 1123 }}</div>
+ <div class="data-num type1"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
<div class="data-info">
<div class="data-lable">璁惧姝ｅ父鏁�</div>
- <div class="data-num type2" v-roll>{{ 1123 }}</div>
+ <div class="data-num type2"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
<div class="data-info">
<div class="data-lable">璁惧寮傚父鏁�</div>
- <div class="data-num type3" v-roll>{{ 1123 }}</div>
+ <div class="data-num type3"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
</div>
<div class="device_data">
@@ -72,15 +72,15 @@
<div style="margin: 0 10px">瑙嗛</div>
<div class="data-info">
<div class="data-lable">璁惧鎬绘暟</div>
- <div class="data-num type1" v-roll>{{ 1123 }}</div>
+ <div class="data-num type1"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
<div class="data-info">
<div class="data-lable">璁惧姝ｅ父鏁�</div>
- <div class="data-num type2" v-roll>{{ 1123 }}</div>
+ <div class="data-num type2"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
<div class="data-info">
<div class="data-lable">璁惧寮傚父鏁�</div>
- <div class="data-num type3" v-roll>{{ 1123 }}</div>
+ <div class="data-num type3"><span v-roll>{{ 1123 }}</span><i class="el-icon-bottom"></i></div>
</div>
</div>
</div>
@@ -100,6 +100,7 @@
<div class="left_box">
<div class="card" style="height: 103px">
<div class="card_header"></div>
+ <div>杩愮淮鑰冩牳澶у睆</div>
</div>
<div class="card" style="height: 500px">
<div class="card_header"><div class="title">浜鸿劯鑰冩牳鏁版嵁</div></div>
@@ -111,7 +112,7 @@
<div class="footer_card">
<div class="card_header">
<div class="title">浜鸿劯鑰冩牳鏁版嵁</div>
- <div style="width: 500px; margin-left: 40px">
+ <div style="width: 600px;">
<ExamineChart class="wrapper-item"></ExamineChart>
</div>
</div>
@@ -119,7 +120,7 @@
<div class="footer_card">
<div class="card_header">
<div class="title">杞﹁締鑰冩牳鏁版嵁</div>
- <div style="width: 500px; margin-left: 40px">
+ <div style="width: 600px;">
<ExamineChart class="wrapper-item"></ExamineChart>
</div>
</div>
@@ -127,7 +128,7 @@
<div class="footer_card">
<div class="card_header">
<div class="title">瑙嗛鑰冩牳鏁版嵁</div>
- <div style="width: 500px; margin-left: 40px">
+ <div style="width:600px;">
<ExamineChart class="wrapper-item"></ExamineChart>
</div>
</div>
--
Gitblit v1.8.0