up

web/public/static/js/loadCAD.js

@@ -38,12 +38,10 @@ window.grendCAD = (function grendCAD() {
     style.innerHTML = `
       .cad {
         position: absolute;
-        right: 80px;
-        top: 16px;
-        width: 200px;
+        right: 0px;
+        top: 110px;
+        width: 300px;
         height: 200px;
-        background: rgba(0, 0, 0, .3);
-        border-radius: 5px;
       }
 
       .cad > div {
@@ -53,13 +51,9 @@ window.grendCAD = (function grendCAD() {
 
       @media only screen and (max-width: 600px) { 
         .cad {
-            position: absolute;
-            right: 15px;
-            top: 50px;
-            width: 100px;
-            height: 100px;
-            background: rgba(0, 0, 0, .3);
-            border-radius: 5px;
+            top: 138px;
+            width: 210px;
+            height: 140px;
         }
       }
     `

web/src/assets/style/public.less

@@ -92,20 +92,6 @@ input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
 }
 
 @media only screen and (max-width: 487px), (max-height:487px) {
-  .cad{
-    position: fixed;
-    top: 38%;
-    left: 50%;
-    transform: translate(-150%,-50%);
-    width: 280px;
-    height: 150px;
-    z-index: 999;
-    transition: none;
-    #cad{
-      width: 100%;
-      height: 100%;
-    }
-  }
   
 .ui-input{
   padding: 0 14px;

web/src/components/exhibition/index.vue

@@ -65,7 +65,7 @@ export default {
   },
   watch: {
     isShow(newVal) {
-      let css = newVal ? "10px" : "-310px";
+      let css = newVal ? "0px" : "-310px";
       $(".cad").css({ right: css });
     },
   },