验证码

src/views/home/login.vue

@@ -211,10 +211,14 @@
         <el-button type="primary" @click="readSure()">我已阅读</el-button>
       </span>
     </el-dialog>
+
+
+    
     <!-- 验证码 -->
     <div class="msgBox" v-if="fuckfuck">
-      <div id="TCaptcha" v-if="fuckfuck" style="width:300px;height:40px;"></div>
+        <div id="TCaptcha" v-if="fuckfuck" style="width:300px;height:40px;"></div>
     </div>
+
   </div>
 </template>
 <script>
@@ -347,7 +351,7 @@ export default{
       document.getElementsByTagName('body')[0].appendChild(dom);
       this.fuckfuck = true;
       setTimeout(()=>{
-        let capOption={callback :this.cbfn};
+        let capOption={callback :this.cbfn,type:'popup'};
         capInit(document.getElementById("TCaptcha"), capOption);
       },1000)
     },
@@ -377,7 +381,8 @@ export default{
         capDestroy();
       }else{       
         //用户关闭验证码页面，没有验证
-        // alert(3)
+        capDestroy();
+        this.fuckfuck=false;
       }
     },
     toForgetPassWord(){
@@ -1008,14 +1013,17 @@ export default{
     width: 100%;
     height: 100%;
     background:rgba(0,0,0,0.2);
-    z-index: 100000;
+    z-index: 100;
     text-align: center;
     #TCaptcha{
+      /* z-index: 1000000; */
       position: absolute;
       left: 50%;
       margin : -20px 0 0 -150px;
       top: 50%;
     }
+    
   }
+  
 }
 </style>