upp

H5场景/public/static/js/loadCAD.js

@@ -39,10 +39,10 @@ window.grendCAD = (function grendCAD() {
       .cad {
         position: absolute;
         right: 0px;
-        top: 0px;
+        top:70px;
         width: 140px;
         height: 140px;
-        background: rgba(0, 0, 0, .6);
+        background: rgba(0, 0, 0, .3);
         border-radius: 5px;
       }
 

H5场景/src/views/gui/compomemt/hotspot.vue

@@ -81,7 +81,7 @@ export default {
     transform: translateX(-50%);
     bottom: 0;
     width: 100%;
-    height: 65%;
+    height: calc(100% - 320px);
     max-width: 500px;
     .closeX {
       cursor: pointer;

H5场景/src/views/gui/menu.vue

@@ -309,9 +309,9 @@ export default {
     },
     smMapShow(val) {
       if (val) {
-        $(".cad").css({ top: 0 });
+        $(".cad").css({ right: "0px" });
       } else {
-        $(".cad").css({ top: "-140px" });
+        $(".cad").css({ right: "-140px" });
       }
     },
   },
@@ -558,7 +558,7 @@ export default {
     position: fixed;
     z-index: 99;
     right: 10px;
-    top: 36%;
+    top: 320px;
     width: 40px;
     & > div {
       width: 40px;
@@ -571,14 +571,15 @@ export default {
     position: fixed;
     z-index: 99;
     top: 140px;
-    right: 0px;
+    right: 78px;
     width: 140px;
     height: 16px;
     transition: all 0.3s;
+    transform: rotate(90deg);
     .smMapBoxSon {
       border-radius: 0 0 4px 4px;
       height: 16px;
-      background-color: rgba(0, 0, 0, 0.6);
+      background-color: rgba(0, 0, 0, 0.3);
       width: 40px;
       margin: 0 auto;
       text-align: center;
@@ -590,13 +591,10 @@ export default {
     }
   }
   .smMapBoxHide {
-    top: 0px;
-    transform: rotate(180deg);
+    right: -61px;
+    transform: rotate(-90deg);
     .smMapBoxSon {
-      border-radius: 4px 4px 0 0;
-      & > img {
-        top: -3px;
-      }
+      border-radius: 4px 4px 0px 0px;
     }
   }
 }