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 |   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