fei.wang
2025-04-16 0b3d2deb37745ea5dce42fa4a18f22a29d2f4a12
src/views/login/login.vue
@@ -30,8 +30,10 @@
                    </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>
@@ -53,7 +55,7 @@
                    </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"
@@ -82,11 +84,13 @@
        </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>
@@ -147,6 +151,8 @@
export default {
    data() {
        return {
            passwordType: 'password',
            paSrc: require("@/assets/images/login_pass_active.png"),
            imgs: [
                  img0,
                  img1,
@@ -237,6 +243,11 @@
    },
    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"