添加麦子助手下载

src/App.vue

@@ -10,9 +10,15 @@
     </viewer>
     <chosen-open-mode v-if="haveOpenMode" :settingSys="settingSys"></chosen-open-mode>
     <!--  -->
-    <!-- <div class="downzip">
-      下载包
-    </div> -->
+    <div v-show="mazip==0" id="downzip">
+      <div>
+        <div>
+            <img src="./assets/img/mzzip.png" alt="">
+            <img @click="CloseZip" class="close" src="./assets/img/close.png" alt="">
+        </div>
+        
+      </div>
+    </div>
   </div>
 </template>
 
@@ -60,9 +66,15 @@ export default {
       dataShow:false,
       haveOpenMode:false,
       settingSys: false,
+      mazip:sessionStorage.getItem("mazip") ? sessionStorage.getItem("mazip") : 0,
+      // sessionStorage.getItem("mazip") ? sessionStorage.getItem("mazip") : true
     }
   },
   methods: {
+    CloseZip(){
+      this.mazip=1;
+      sessionStorage.setItem("mazip",1);
+    },
     inited (viewer){
       this.$viewer = viewer
     },
@@ -123,8 +135,34 @@ export default {
   .BMap_cpyCtrl {display: none;}
   .anchorBL {display: none;}
   .viewer{display: none !important;}
-  /* .downzip{
+  #downzip{
     width: 100%;
-    height: 
-  } */
+    height: 100%;
+    position: fixed;
+    background: rgba(0,0,0,0.3);
+    top: 0;
+    left: 0;
+    z-index: 2000;
+    display: table;
+  }
+  #downzip>div{
+    display: table-cell;
+    vertical-align: middle;   
+    margin-top:250px;
+  }
+  #downzip>div>div{
+    width:285px;
+    height: 260px;
+    position: relative;
+    margin: 0 auto;
+    cursor: pointer;
+  }
+  .close{
+    position: absolute;
+    top: 0;
+    right: 0px;
+    width: 25px;
+    height: 25px;
+  }
+
 </style>