土地整治4k屏适配

src/views/LandConsolidation/index.vue

@@ -267,17 +267,24 @@ export default {
   }
 
   .bottomPane {
-    width: 43%;
+    // width: 45vw;
+    width: 52vw;
     height: 330px;
     top: calc(100% - 360px);
-    left: 600px;
+    // left: 600px;
+    // left: 31.2vw;
+    left: 24vw;
   }
   .legendPane {
-    width: 130px;
-    height: 120px;
+    // width: 130px;
+    // height: 120px;
+    width: 6.7vw;
+    height: 12.6vh;
     // top: calc(100% - 500px);
     top: calc(100% - 150px);
-    left: 460px;
+    // left: 460px;
+    // left: 23.5vw;
+    left: 24vw;
     .lcolor {
       display: inline-block;
       width: 16px;
@@ -324,8 +331,8 @@ export default {
     height: 50px;
     // background: rgba(255, 192, 203, 0.379);
     position: absolute;
-    left: 38%;
-    top: 10px;
+    left:35vw;
+    top: 3vh;
     z-index: 99;
     pointer-events: none;
     ul {

src/views/complianceAnalysis/ghzc.scss

@@ -4,15 +4,16 @@
     position: absolute;
 
     .innerContainer {
-        width: 430px;
-        height: 800px; //calc(100% - 20px);
+        // width: 430px;
+        width: 22.5vw;
+        // height: 800px; //calc(100% - 20px);
+        height: calc(100% - 70px);
         position: absolute;
         top: 28px;
         z-index: 99;
         background-image: url("/static/images/ghzc/内容框.png");
         background-size: 100% 100%;
     }
-
     .leftPane {
         left: 20px;
     }

src/views/farmlandProtection/gdzl/index.vue

@@ -456,7 +456,8 @@ export default {
   }
 
   .pie_echart {
-    width: 400px;
+    // width: 400px;
+    width: 21vw;
     height: 140px;
   }
 }