From 4b4622c9f74150ca60eb7c4f038e55fb98be02d7 Mon Sep 17 00:00:00 2001
From: lyfO_o <764716047@qq.com>
Date: 星期五, 06 五月 2022 16:34:32 +0800
Subject: [PATCH] 修改密码:v1
---
src/views/login/components/login-form.vue | 28 +++++++++++++++++++++++++---
1 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/src/views/login/components/login-form.vue b/src/views/login/components/login-form.vue
index 2aeede9..5ab39c8 100644
--- a/src/views/login/components/login-form.vue
+++ b/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>
@@ -38,10 +39,16 @@
</el-form>
</div>
<div class="login-form-button">
- <el-button class="login-form-login-button" :loading="logingLoading" :disabled="submitLoading" type="primary" @click.native.prevent="handleSubmit">
+ <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;
+ left: 340px;
+ top: 0;
+ }
</style>
--
Gitblit v1.9.2