开店一张图移动端适配修改

src/views/HomeView.vue

@@ -918,10 +918,10 @@ export default {
   }
 
   .layerContorl {
-    position: absolute;
-    right: 20px;
+    // position: absolute;
+    // right: 20px;
     // bottom: 160px;
-    top:280px;
+    // top:280px;
 
 
     .ckzb-btn {
@@ -936,6 +936,9 @@ export default {
       padding: 0 15px;
       text-align: center;
       // border: 1px solid #eeeeee;
+      position: absolute;
+      right: 20px;
+      top:280px;
 
       &.isActive {
         // background: #005cc6cc
@@ -956,6 +959,9 @@ export default {
       padding: 5px;
       text-align: center;
       // border: 1px solid #eeeeee;
+      position: absolute;
+      right: 20px;
+      bottom: 214px;
 
       &.isActive {
         background: #005cc6cc
@@ -968,8 +974,8 @@ export default {
 
     .layerPanel {
       position: absolute;
-      right: 110px;
-      bottom: 0px;
+      right: 130px;
+      top: 80px;
       // background: #01346f99;
       background: #1656b4;
       border-radius: 5px;
@@ -1003,8 +1009,8 @@ export default {
 
     .layerPanel-mb {
       position: absolute;
-      right: 50px;
-      bottom: 0px;
+      right: 70px;
+      bottom: 50px;
       background: #01346f99;
       border-radius: 5px;
       // padding: 0 10px;
@@ -1038,10 +1044,10 @@ export default {
   }
 
   .heatmapContorl {
-    position: absolute;
-    right: 20px;
+    // position: absolute;
+    // right: 20px;
     // bottom: 220px;
-    top: 230px;
+    // top: 230px;
 
     .ckzb-btn {
       width: 70px;
@@ -1055,6 +1061,9 @@ export default {
       padding: 0 15px;
       text-align: center;
       // border: 1px solid #eeeeee;
+      position: absolute;
+      top: 230px;
+      right: 20px;
 
       &.isActive {
         // background: #005cc6cc
@@ -1076,6 +1085,9 @@ export default {
       padding: 5px;
       text-align: center;
       // border: 1px solid #eeeeee;
+      position: absolute;
+      right: 20px;
+      bottom: 160px;
 
       &.isActive {
         background: #005cc6cc
@@ -1088,8 +1100,8 @@ export default {
 
     .heatmapPanel {
       position: absolute;
-      right: 110px;
-      bottom: -50px;
+      right: 130px;
+      top: 80px;
       // background: #01346f99;
       background: #1656b4;
       border-radius: 5px;
@@ -1121,8 +1133,8 @@ export default {
     }
     .heatmapPanel-mb {
       position: absolute;
-      right: 50px;
-      bottom: 0;
+      right: 70px;
+      bottom: 50px;
       background: #01346f99;
       border-radius: 5px;
       padding-left: 10px;
@@ -1217,7 +1229,7 @@ export default {
    .yjdp-btn-mb {
     position: absolute;
     // top: 130px;
-    bottom: 340px;
+    bottom: 326px;
     right: 20px;
     width: 30px;
     font-size: 12px;
@@ -1267,7 +1279,7 @@ export default {
   .kzdp-btn-mb {
     position: absolute;
     // top: 180px;
-    bottom: 280px;
+    bottom: 270px;
     right: 20px;
     width: 30px;
     font-size: 12px;