From c819024e241b9f7c54cc3786373ad0d2998f2190 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Fri, 05 May 2023 08:55:46 +0800
Subject: [PATCH] 修改
---
src/views/login/components/login-form.vue | 35 ++++++++++++++++++++++-------------
1 files changed, 22 insertions(+), 13 deletions(-)
diff --git a/src/views/login/components/login-form.vue b/src/views/login/components/login-form.vue
index 3056ab0..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>
@@ -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;
--
Gitblit v1.9.2