From e989421722e522f4879a354a15ba14912d7acaaa Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期五, 24 二月 2023 16:49:38 +0800
Subject: [PATCH] Merge branch 'master' of https://sinanoaq.cn:8888/r/scienceexperimentweb
---
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 d0ef617..c8f421b 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