f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenCenter/Map.vue

@@ -660,4 +660,10 @@ export default {
   to { transform: translate(-50%, -50%) rotate(-360deg); }
 }
 
+/* 调试用：添加边框查看元素位置（如果需要调试可以取消注释） */
+/*
+.bg1, .bg2, .bg3 {
+  border: 1px solid red;
+}
+*/
 </style>

f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenLeft/index.vue

@@ -537,12 +537,12 @@ export default {
     }
     .two{
       position: absolute;
-      left: 1.1rem;
+      left: 1rem;
       top: .24rem;
     }
     .three{
       position: absolute;
-      left: 1.9rem;
+      left: 1.7rem;
       top: .24rem;
     }
     .top-tit {

f/web-kboss/src/views/product/bigScreen/Newscreen/ScreenRight/index.vue

@@ -84,11 +84,6 @@ 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 {
@@ -170,13 +165,7 @@ export default {
         2: img2,
         3: img3,
         4: img4,
-        5: img5,
-        6: img6,
-        7: img7,
-        8: img8,
-        9: img9,
-        10: img10
-        
+        5: img5
       };
 
       // 确保数据至少有5条，不足时用空数据填充
@@ -184,13 +173,13 @@ export default {
       for (let i = 0; i < Math.max(5, userData.length); i++) {
         if (userData[i]) {
           tableData.push([
-            `<div class="rank-img"><img src="${imgMap[i + 1]}" /></div>`,
+            `<div class="rank-img"><img src="${imgMap[i + 1] || img5}" /></div>`,
             userData[i].name,
             `¥${userData[i].amount.toLocaleString()}`
           ]);
         } else {
           tableData.push([
-            `<div class="rank-img"><img src="${imgMap[i + 1] }" /></div>`,
+            `<div class="rank-img"><img src="${imgMap[i + 1] || img5}" /></div>`,
             `用户${i + 1}`,
             '¥0'
           ]);

f/web-kboss/src/views/product/bigScreen/Newscreen/index.vue

@@ -111,4 +111,64 @@ 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;
+    }
+  }
+}
 </style>