Browse Source

验证码滑块

lchao 2 years ago
parent
commit
4dbb2561d8
1 changed files with 3 additions and 2 deletions
  1. 3 2
      src/views/system/login.vue

+ 3 - 2
src/views/system/login.vue

@@ -72,7 +72,7 @@
         </el-form-item>
         <!--				<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>-->
         <el-form-item style="width: 100%">
-          <el-popover placement="top" trigger="click" @hide="onhide" v-model="popoverVisible">
+          <el-popover placement="top" trigger="manual" @hide="onhide" v-model="popoverVisible">
             <!-- 滑动拼图验证区 -->
             <el-form-item v-if="sliderOnOff">
               <SliderVerify ref="sliderVerify" :l="42" :r="10" :w="390" :h="155" slider-text="向右拖动滑块完成验证"
@@ -223,6 +223,7 @@
         };
       },
       handleLogin() {
+        this.popoverVisible = true;
         this.verified = false;
         this.sliderOnOff = true;
       },
@@ -457,4 +458,4 @@
     padding: 0 1rem;
     cursor: pointer;
   }
-</style>
+</style>