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