修改密码:v1

lyfO_o

2022-05-06 4b4622c9f74150ca60eb7c4f038e55fb98be02d7

 src/views/login/components/login-form.vue

@@ -1,6 +1,7 @@
<template>
    <div class="login-form">
        <div class="login-form-title"><span>登录</span></div>
        <div style="position: relative" ><div class="pwd-change-redirect"><el-link :underline="false" type="primary" @click="()=>{ this.$router.push({path:'/pwdChange'})}">忘记密码</el-link></div></div>
        <div class="login-form-main">
            <el-form ref="loginForm" :model="loginForm" :rules="loginRules" :inline="false" class="loginForm" @keydown.enter.native="handleSubmit">
                <div class="login-form-main-user"><span>用户名</span></div>
@@ -42,6 +43,12 @@
                  <span>
                      登录
                  </span>
            </el-button>
        </div>

        <div style="padding-top: 20px" class="login-form-button">
            <el-button class="register-btn"  @click="handleRegister">
                <span style="color: black">注册</span>
            </el-button>
        </div>
    </div>
@@ -133,6 +140,9 @@
        created(){
        },
        methods: {
            handleRegister(){
              this.$router.push({path:'/register'})
            },
            showLoginPwd() {
                if (this.loginPasswordType === 'password') {
                    this.loginPasswordType = ''
@@ -178,7 +188,7 @@
    }
    .login-form-title{
        width: 60px;
        height: 143px;
        height: 130px;
        font-size: 30px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
@@ -232,8 +242,20 @@
    }
    .login-form-login-button {
        width: 364px;
        height: 48px;
        height: 40px;
        background: #4778FF;
        border-radius: 4px;
    }

    .register-btn{
        width: 364px;
        height: 40px;
        color: white;
        border-radius: 4px;
    }
    .pwd-change-redirect{
        position: relative;
        left: 340px;
        top: 0;
    }
</style>