From 30e36368e54581fcc0c581a004f1f68873c1e819 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期二, 10 五月 2022 08:37:34 +0800 Subject: [PATCH] 地图 --- src/views/login/components/login-form.vue | 26 ++++++++++++++++++++++++-- 1 files changed, 24 insertions(+), 2 deletions(-) diff --git a/src/views/login/components/login-form.vue b/src/views/login/components/login-form.vue index 1d73ecd..3056ab0 100644 --- a/src/views/login/components/login-form.vue +++ b/src/views/login/components/login-form.vue @@ -37,11 +37,18 @@ </div> </el-form> </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> + </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; + top: 10px; + right: 10px; + } </style> -- Gitblit v1.9.2