From c819024e241b9f7c54cc3786373ad0d2998f2190 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期五, 05 五月 2023 08:55:46 +0800
Subject: [PATCH] 修改
---
src/views/login/components/login-form.vue | 53 ++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 42 insertions(+), 11 deletions(-)
diff --git a/src/views/login/components/login-form.vue b/src/views/login/components/login-form.vue
index 2aeede9..fef76b7 100644
--- a/src/views/login/components/login-form.vue
+++ b/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>
@@ -37,12 +37,13 @@
</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" :disabled="submitLoading" 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">注册</el-button>
</div>
</div>
<!-- <el-form ref="loginForm" :model="loginForm" :rules="loginRules" :inline="false" class="loginForm" @keydown.enter.native="handleSubmit">-->
@@ -133,6 +134,9 @@
created(){
},
methods: {
+ handleRegister(){
+ this.$router.push({path:'/register'})
+ },
showLoginPwd() {
if (this.loginPasswordType === 'password') {
this.loginPasswordType = ''
@@ -168,7 +172,7 @@
}
</script>
-<style scoped>
+<style scoped lang="scss">
.login-form{
min-height: 100%;
width:100%;
@@ -177,15 +181,16 @@
margin-left:50px;
}
.login-form-title{
- width: 60px;
- height: 143px;
+ height: 130px;
font-size: 30px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
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;
@@ -232,8 +237,34 @@
}
.login-form-login-button {
width: 364px;
- height: 48px;
+ 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: #4778FF;
+ border-radius: 4px;
+ transition: .3s;
+ &:hover{
+ border-radius: 20px;
+ letter-spacing: 4px;
+ text-indent: 4px;
+ }
+ }
+ .pwd-change-redirect{
+ position: relative;
+ top: 10px;
+ right: 10px;
}
</style>
--
Gitblit v1.9.2