| | |
| | | </li> |
| | | <li> |
| | | <i><img src="../../assets/images/password.png"></i> |
| | | <input class="forminput" type="password" v-model="loginForm.password" required value="" |
| | | |
| | | <input class="forminput" :type="passwordType" v-model="loginForm.password" required value="" |
| | | placeholder="密码"> |
| | | <i style="margin-left: 85%;"><img :src="paSrc" alt="" @click="changePassward"></i> |
| | | </li> |
| | | <div id="captcha-box"></div> |
| | | |
| | |
| | | </li> |
| | | <li> |
| | | <i><img src="../../assets/images/password.png"></i> |
| | | <input class="forminput" type="password" v-model="yzms" value="" placeholder="请输入验证码"> |
| | | <input class="forminput" type="text" v-model="yzms" value="" placeholder="请输入验证码"> |
| | | </li> |
| | | <li> |
| | | <el-button v-show="denglu" :loading="loading" type="primary" |
| | |
| | | |
| | | </div> |
| | | |
| | | <div style="width: 100%;position: fixed;top: 32%;left: 40%"> |
| | | <div style="width: 20%;position: absolute;bottom:20px;left: 40%;z-index: 9999;color:rgb(255, 255, 255)"> |
| | | 版本V2.0.3 更新时间2025.04.15 |
| | | </div> |
| | | |
| | | <canvas ref="canvas" |
| | | style="position:fixed; width:100%; height:100%; left: 0; top: 0; opacity: .3; pointer-events: none;"></canvas> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | passwordType: 'password', |
| | | paSrc: require("@/assets/images/login_pass_active.png"), |
| | | imgs: [ |
| | | img0, |
| | | img1, |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | // 切换密码显示隐藏 |
| | | changePassward() { |
| | | this.passwordType = this.passwordType==='password'?'text':'password'; |
| | | this.paSrc = this.paSrc == require("@/assets/images/login_pass_active.png")?require('@/assets/images/login_pass.png'):require("@/assets/images/login_pass_active.png"); |
| | | }, |
| | | onSuccess() { //滑块验证通过之后触发的 |
| | | this.$notify.success("登录成功") |
| | | LoginId="true" |