From 1f1a643c7d42402d8121209cbc7afdf04709b203 Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期四, 08 五月 2025 15:50:26 +0800
Subject: [PATCH] 优化
---
src/view/home/index.vue | 16 +++++++++-------
1 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/view/home/index.vue b/src/view/home/index.vue
index ef9be29..6d280f8 100644
--- a/src/view/home/index.vue
+++ b/src/view/home/index.vue
@@ -6,7 +6,7 @@
<div class="carCount">
<div class="title">车辆统计</div>
<div class="fir">
- <div class="countCard" v-for="(item, index) in carCountData.slice(0, 3)" :key="item.id"
+ <div class="countCard mid" v-for="(item, index) in carCountData.slice(0, 3)" :key="item.id"
@click="toCarManage(item.name)">
<img class="iconImg" :src="imgList[index]" />
<div>
@@ -180,13 +180,13 @@
AMap: null,
infoWindow: null,
imgList: [
- require("../../assets//homeImg/img1.png"),
+ require("../../assets//homeImg/img3.png"),
+ require("../../assets//homeImg/img6.png"),
+ require("../../assets//homeImg/img7.png"),
+ require("../../assets//homeImg/img5.png"),
+ require("../../assets//homeImg/img1.png"),
+ require("../../assets//homeImg/img4.png"),
require("../../assets//homeImg/img2.png"),
- require("../../assets//homeImg/img3.png"),
- require("../../assets//homeImg/img4.png"),
- require("../../assets//homeImg/img5.png"),
- require("../../assets//homeImg/img6.png"),
- require("../../assets//homeImg/img7.png"),
],
countList: [], //预警情况统计数据
rankList: [], //预警排行榜数据
@@ -293,6 +293,7 @@
async getCarCountData() {
try {
const res = await getCarCount();
+ // let list=['客运','危货运输','普货运输','公交车','出租车','交邮','网约车']
this.carCountData = res;
} catch (error) {
this.$message.error("获取车辆统计数据失败");
@@ -961,6 +962,7 @@
.countCard {
margin-right: 20px;
+ padding: 14px 60px 18px 54px;
}
.countCard:last-child {
--
Gitblit v1.7.1