From 0e16ea25ecec5389d325b5ea8eca2ec9dc9b9dfb Mon Sep 17 00:00:00 2001 From: hrx <18603305412@163.com> Date: Mon, 26 Jan 2026 15:20:46 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../bigScreen/Newscreen/ScreenCenter/Map.vue | 6 -- .../bigScreen/Newscreen/ScreenLeft/index.vue | 4 +- .../bigScreen/Newscreen/ScreenRight/index.vue | 17 ++++- .../product/bigScreen/Newscreen/images/10.png | Bin 0 -> 1336 bytes .../product/bigScreen/Newscreen/images/6.png | Bin 0 -> 1354 bytes .../product/bigScreen/Newscreen/images/7.png | Bin 0 -> 1169 bytes .../product/bigScreen/Newscreen/images/8.png | Bin 0 -> 1344 bytes .../product/bigScreen/Newscreen/images/9.png | Bin 0 -> 1359 bytes .../product/bigScreen/Newscreen/index.vue | 60 ------------------ 9 files changed, 16 insertions(+), 71 deletions(-) create mode 100644 f/web-kboss/src/views/product/bigScreen/Newscreen/images/10.png create mode 100644 f/web-kboss/src/views/product/bigScreen/Newscreen/images/6.png create mode 100644 f/web-kboss/src/views/product/bigScreen/Newscreen/images/7.png create mode 100644 f/web-kboss/src/views/product/bigScreen/Newscreen/images/8.png create mode 100644 f/web-kboss/src/views/product/bigScreen/Newscreen/images/9.png diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenCenter/Map.vue b/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenCenter/Map.vue index b13f38e..69d49ec 100644 --- a/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenCenter/Map.vue +++ b/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenCenter/Map.vue @@ -660,10 +660,4 @@ export default { to { transform: translate(-50%, -50%) rotate(-360deg); } } -/* 调试用：添加边框查看元素位置（如果需要调试可以取消注释） */ -/* -.bg1, .bg2, .bg3 { - border: 1px solid red; -} -*/ diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenLeft/index.vue b/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenLeft/index.vue index 73db05b..4d7344a 100644 --- a/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenLeft/index.vue +++ b/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenLeft/index.vue @@ -537,12 +537,12 @@ export default { } .two{ position: absolute; - left: 1rem; + left: 1.1rem; top: .24rem; } .three{ position: absolute; - left: 1.7rem; + left: 1.9rem; top: .24rem; } .top-tit { diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenRight/index.vue b/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenRight/index.vue index 8cc0eef..2f66cf6 100644 --- a/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenRight/index.vue +++ b/f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenRight/index.vue @@ -84,6 +84,11 @@ import img2 from '../images/2.png' import img3 from '../images/3.png' import img4 from '../images/4.png' import img5 from '../images/5.png' +import img6 from '../images/6.png' +import img7 from '../images/7.png' +import img8 from '../images/8.png' +import img9 from '../images/9.png' +import img10 from '../images/10.png' import { dataManager } from "@/utils/data-manager.js"; export default { @@ -165,7 +170,13 @@ export default { 2: img2, 3: img3, 4: img4, - 5: img5 + 5: img5, + 6: img6, + 7: img7, + 8: img8, + 9: img9, + 10: img10 + }; // 确保数据至少有5条，不足时用空数据填充 @@ -173,13 +184,13 @@ export default { for (let i = 0; i < Math.max(5, userData.length); i++) { if (userData[i]) { tableData.push([ - `
`, + `
`, userData[i].name, `¥${userData[i].amount.toLocaleString()}` ]); } else { tableData.push([ - `
`, + `
`, `用户${i + 1}`, '¥0' ]); diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/images/10.png b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/10.png new file mode 100644 index 0000000000000000000000000000000000000000..9445263b5b10f153cd818e5420dccebb753c03e4 GIT binary patch literal 1336 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 Rc!&T1002ovPDHLkV1g;rbBX`} literal 0 HcmV?d00001 diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/index.vue b/f/web-kboss/src/views/product/bigScreen/Newscreen/index.vue index f325805..8822113 100644 --- a/f/web-kboss/src/views/product/bigScreen/Newscreen/index.vue +++ b/f/web-kboss/src/views/product/bigScreen/Newscreen/index.vue @@ -111,64 +111,4 @@ img { } } -/* 响应式布局适配 */ -@media (max-width: 1920px) { - .center { - .left, - .right { - width: 28%; - } - .content { - width: 44%; - } - } -} - -@media (max-width: 1600px) { - .center { - .left, - .right { - width: 25%; - } - .content { - width: 50%; - } - } -} - -@media (max-width: 1366px) { - .center { - .left, - .right { - width: 22%; - min-width: 250px; - } - .content { - width: 56%; - min-width: 350px; - } - } - - .top { - min-height: 70px; - height: 7vh; - max-height: 100px; - } -} - -@media (max-width: 1024px) { - .center { - flex-direction: column; - - .left, - .content, - .right { - width: 100%; - min-width: unset; - max-width: unset; - height: 33.33%; - min-height: 300px; - } - } -}