From cd5280e6bf2b54d509452393d378994b49eaacab Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期一, 22 七月 2024 10:24:36 +0800
Subject: [PATCH] 图标样式调整
---
src/views/screen/components/screen-examine/components/examine-chart.vue | 35 +++++++++++++----------------------
1 files changed, 13 insertions(+), 22 deletions(-)
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 3146d3d..d12f01e 100644
--- a/src/views/screen/components/screen-examine/components/examine-chart.vue
+++ b/src/views/screen/components/screen-examine/components/examine-chart.vue
@@ -2,15 +2,14 @@
<div class="chart-container">
<div class="rank-chart">
<div class="hola-item" v-for="item in dataList" :key="item.id">
- <examine-hola :startColor="'#02C77E'" :endColor="'#017770'" :centerValue="item.value"
- :bottomTitle="item.name"></examine-hola>
+ <examine-hola :startColor="'#02C77E'" :endColor="'#017770'" :centerValue="item.value" :bottomTitle="item.name"
+ :routerPath="item.routerUrl"></examine-hola>
</div>
</div>
</div>
</template>
<script>
-import * as echarts from 'echarts';
import ExamineHola from './examine-hola.vue';
let barChart = null;
export default {
@@ -21,21 +20,12 @@
data() {
return {
dataList: [
- {id: 1,name: '骞冲彴鍦ㄧ嚎鐜�', value: 60},
- {id: 2,name: '涓�鏈轰竴妗ｅ悎鏍肩巼', value: 20},
- {id: 3,name: '妗ｆ鑰冩牳姣�', value: 60},
- {id: 4,name: '鐐逛綅鍦ㄧ嚎鐜�', value: 40},
- {id: 5,name: '褰曞儚鍙敤鐜�', value: 80},
- {id: 6,name: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�', value: 20},
- {id: 7,name: '鏍囨敞姝ｇ‘鐜�', value: 24},
- {id: 8,name: '瑙嗗浘搴撳鎺ョǔ瀹氭��', value: 25},
- {id: 9,name: '淇℃伅閲囬泦鍑嗙‘鐜�', value: 75},
- {id: 10,name: '杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�', value: 12},
- {id: 11,name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', value: 82},
- {id: 12,name: '浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�', value: 13},
- {id: 13,name: '璁惧鎶撴媿鍥剧墖鍚堟牸鎬�', value: 91},
- {id: 14,name: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�', value: 12},
- {id: 15,name: '骞冲彴鍦ㄧ嚎鐜�', value: 42},
+ { id: 1, name: '骞冲彴鍦ㄧ嚎鐜�', value: 60, routerUrl: '/car/vehicle-data-monitor/index' },
+ { id: 2, name: '涓�鏈轰竴妗ｅ悎鏍肩巼', value: 20, routerUrl: '/car/vehicle-data-monitor/index' },
+ { 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' }
]
}
},
@@ -61,13 +51,14 @@
justify-content: space-between;
flex-wrap: wrap;
align-content: space-between;
+ padding: 20px 0;
+ box-sizing: border-box;
.hola-item {
flex-shrink: 0;
- width: 180px;
- height: 150px;
- color: #008000
+ width: 150px;
+ height: 120px;
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0