马宇豪
2023-05-05 c819024e241b9f7c54cc3786373ad0d2998f2190
src/views/login/components/login-form.vue
@@ -1,6 +1,6 @@
<template>
    <div class="login-form">
        <div class="login-form-title"><span>登录</span></div>
        <div class="login-form-title">登录</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>
@@ -39,17 +39,11 @@
        </div>
        <div class="pwd-change-redirect"><el-link :underline="false" type="primary" @click="()=>{ this.$router.push({path:'/pwdChange'})}">忘记密码</el-link></div>
        <div class="login-form-button">
            <el-button class="login-form-login-button" :loading="logingLoading" type="primary" @click.native.prevent="handleSubmit">
                  <span>
                      登录
                  </span>
            </el-button>
            <el-button class="login-form-login-button" :loading="logingLoading" type="primary" @click.native.prevent="handleSubmit">登录</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>
            <el-button class="register-btn"  @click="handleRegister">注册</el-button>
        </div>
    </div>
    <!--    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" :inline="false" class="loginForm" @keydown.enter.native="handleSubmit">-->
@@ -178,7 +172,7 @@
    }
</script>
<style scoped>
<style scoped lang="scss">
    .login-form{
        min-height: 100%;
        width:100%;
@@ -187,7 +181,6 @@
        margin-left:50px;
    }
    .login-form-title{
        width: 60px;
        height: 130px;
        font-size: 30px;
        font-family: PingFangSC-Medium, PingFang SC;
@@ -195,7 +188,9 @@
        color: #1851DC;
        line-height: 42px;
        padding-top: 53px;
        margin:0 auto;
        letter-spacing: 80px;
        text-indent: 80px;
        text-align: center;
    }
    .login-form-main-user{
        height: 20px;
@@ -245,13 +240,27 @@
        height: 40px;
        background: #4778FF;
        border-radius: 4px;
        text-align: center;
        transition: .3s;
        &:hover{
            border-radius: 20px;
            letter-spacing: 4px;
            text-indent: 4px;
        }
    }
    .register-btn{
        width: 364px;
        height: 40px;
        color: white;
        color: #4778FF;
        border-radius: 4px;
        transition: .3s;
        &:hover{
            border-radius: 20px;
            letter-spacing: 4px;
            text-indent: 4px;
        }
    }
    .pwd-change-redirect{
        position: relative;