| | |
| | | <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> |
| | |
| | | </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">--> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style scoped lang="scss"> |
| | | .login-form{ |
| | | min-height: 100%; |
| | | width:100%; |
| | |
| | | margin-left:50px; |
| | | } |
| | | .login-form-title{ |
| | | width: 60px; |
| | | height: 130px; |
| | | font-size: 30px; |
| | | font-family: PingFangSC-Medium, PingFang SC; |
| | |
| | | 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; |
| | |
| | | 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; |