From 519bccbdf1da3babd6843d8a7dee9b918b5a7e0d Mon Sep 17 00:00:00 2001 From: hejianhao <15708179461@qq.com> Date: 星期五, 09 五月 2025 15:54:00 +0800 Subject: [PATCH] 优化 --- src/view/home/index.vue | 21 +++++++++++---------- 1 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/view/home/index.vue b/src/view/home/index.vue index 6d280f8..236433b 100644 --- a/src/view/home/index.vue +++ b/src/view/home/index.vue @@ -180,12 +180,12 @@ AMap: null, infoWindow: null, imgList: [ - 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/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"), ], countList: [], //预警情况统计数据 @@ -374,7 +374,7 @@ // 获取预警列表数据 async getWarnListData() { try { - const res = await getCarWarnList({ pageNum: 1, pageSize: 100000,startTime:moment().format('YYYY-MM-DD 00:00:00'),endTime:moment().format('YYYY-MM-DD 23:59:59') }); + const res = await getCarWarnList({ pageNum: 1, pageSize: 100000, startTime: moment().format('YYYY-MM-DD 00:00:00'), endTime: moment().format('YYYY-MM-DD 23:59:59') }); this.warnList = res.records; } catch (error) { this.$message.error("获取预警列表数据失败"); @@ -670,7 +670,7 @@ // 恢复空状态的显示 const video = document.getElementById("monitoringCard"); - if (video) { + if (video) { video.style.display = 'none'; const emptyElement = video.parentElement.querySelector('.el-empty'); if (emptyElement) { @@ -962,7 +962,7 @@ .countCard { margin-right: 20px; - padding: 14px 60px 18px 54px; + padding: 14px 60px 18px 24px; } .countCard:last-child { @@ -993,12 +993,13 @@ border: 1px solid #f1f1f1; padding: 14px 20px 18px 14px; display: flex; - justify-content: space-between; + // justify-content: space-between; .iconImg { width: 30px; height: 30px; border-radius: 10px; + margin-right: 25px; } .iconImg:nth-child(1) { -- Gitblit v1.7.1