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 0000000..9445263 Binary files /dev/null and b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/10.png differ diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/images/6.png b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/6.png new file mode 100644 index 0000000..088ac8e Binary files /dev/null and b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/6.png differ diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/images/7.png b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/7.png new file mode 100644 index 0000000..80e6f3d Binary files /dev/null and b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/7.png differ diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/images/8.png b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/8.png new file mode 100644 index 0000000..9ab5fda Binary files /dev/null and b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/8.png differ diff --git a/f/web-kboss/src/views/product/bigScreen/Newscreen/images/9.png b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/9.png new file mode 100644 index 0000000..97f61bb Binary files /dev/null and b/f/web-kboss/src/views/product/bigScreen/Newscreen/images/9.png differ 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; - } - } -}