增加后台弹窗显示

template/admin/src/pages/index/index.vue

@@ -1,5 +1,8 @@
 <template>
   <div>
+    <!-- <div class="open-image" @click="clear" v-if="openImage">
+      <img src="@/assets/images/wechat_demo.png" alt="" />
+    </div> -->
     <!--头部-->
     <base-info ref="baseInfo" />
     <!--小方块-->
@@ -37,6 +40,7 @@ export default {
   },
   data() {
     return {
+      openImage: false,
       visitType: 'day', // day, month, year
       visitDate: [new Date(), new Date()],
       force_reminder: null,
@@ -55,9 +59,13 @@ export default {
             this.authCode = data.auth_code;
             this.auth = true;
           }
+          this.openImage = true
         })
         .catch((res) => {});
     },
+    clear() {
+      this.openImage = false;
+    },
   },
 };
 </script>
@@ -74,4 +82,21 @@ export default {
     display: none;
   }
 }
+.open-image {
+  transition: none;
+  animation: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: fixed;
+  background-color: rgba(0, 0, 0, 0.6);
+  height: 100vh;
+  width: 100vw;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  img {
+    width: 800px;
+  }
+}
 </style>