From 01f3fc89ef9e83dd20177142575ad1dcffb2c9f1 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Thu, 23 Feb 2023 16:40:02 +0800
Subject: [PATCH] 修改登录页
---
src/views/loginPage/component/accountLogin.vue | 26 +++++++++++++++-----------
1 files changed, 15 insertions(+), 11 deletions(-)
diff --git a/src/views/loginPage/component/accountLogin.vue b/src/views/loginPage/component/accountLogin.vue
index 7726cac..023ad37 100644
--- a/src/views/loginPage/component/accountLogin.vue
+++ b/src/views/loginPage/component/accountLogin.vue
@@ -21,11 +21,11 @@
<el-checkbox v-model="saveCode" label="记住密码" size="large" />
<span class="forgetCode" @click="identify">忘记密码？</span>
</el-form-item>
- <el-form-item class="login-animation4">
+ <div class="btnBox">
<el-button type="primary" class="login-content-submit" round @click="onSignIn" :loading="loading.signIn">
- <span>登录系统</span>
+ <span>登 录</span>
</el-button>
- </el-form-item>
+ </div>
</el-form>
<el-dialog v-model="identifyDialog" title="重置密码" width="30%" center @close="clearIdentity">
<el-form :model="identity" label-width="80px" ref="identifyRef" :rules="identityRules">
@@ -307,13 +307,12 @@
<style scoped lang="scss">
.login-content-form {
margin-top: 40px;
- width: 100%;
+ width: 80%;
.el-input::v-deep .el-input__wrapper {
height: 56px;
- border-radius: 28px;
+ border-radius: 4px;
padding: 0 30px;
- background: #f2f2f2;
&:focus-within {
border: 1px solid #2053d7;
}
@@ -350,19 +349,24 @@
font-weight: bold;
letter-spacing: 5px;
}
+ .btnBox{
+ display: flex;
+ justify-content: center;
+ }
.login-content-submit {
- width: 100%;
+ width: 55%;
height: 56px;
- font-size: 16px;
- border-radius: 28px;
+ font-size: 18px;
+ border-radius: 6px;
letter-spacing: 4px;
font-weight: 300;
margin-top: 15px;
- background: #2053d7;
+ background-image: linear-gradient(to right,#545EF1,#6B8CF1);
transition: 0.3s;
+ box-shadow: 0 8px 30px rgba(88,101,241,.4);
&:hover {
letter-spacing: 6px;
- background: #4e7aec;
+ background-image: linear-gradient(to left,#545EF1,#6B8CF1);
}
}
}
--
Gitblit v1.9.2