From e5fe34356d67c3474a0181f9c922cb16b9260596 Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期六, 14 九月 2024 19:22:54 +0800
Subject: [PATCH] 修改
---
web/src/views/pages/login.vue | 64 ++++++++++++++++----------------
1 files changed, 32 insertions(+), 32 deletions(-)
diff --git a/web/src/views/pages/login.vue b/web/src/views/pages/login.vue
index 0fbb7a0..ebbfdf1 100644
--- a/web/src/views/pages/login.vue
+++ b/web/src/views/pages/login.vue
@@ -51,7 +51,7 @@
</el-button>
</el-form-item>-->
<el-form-item class="login-form-margin">
- <el-button class="btn" style="margin-bottom:0;width: 100%" type="primary" @click="formSubmit()">{{
+ <el-button style="margin-bottom:0;width: 100%" type="primary" @click="formSubmit()">{{
$t('login.clickTitle') }}
</el-button>
</el-form-item>
@@ -238,15 +238,13 @@
</script>
<style>
.login__h2 {
- margin: 0;
- width: 600px;
- position: absolute;
- left: -11%;
- top: -10%;
- letter-spacing: 35px;
+ margin: 0 0 20px 5px;
+ text-align: center;
+ letter-spacing: 15px;
color: #fff;
- font-size: 1.5rem;
- font-weight: 400;
+ font-size: 2rem;
+ font-weight: bold;
+ font-family: 'Microsoft YaHei', Arial, sans-serif;
}
.clear {
@@ -266,15 +264,15 @@
.login-content {
position: absolute;
- border-radius: 20px;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width: 25%;
- background:#ecf0f3;
box-shadow: 0 3px 6px 0 rgb(72 119 232 / 14%);
//border: 15px solid transparent;
//border-image: url(../../assets/img/page-border.png) 20 stretch;
+ display: flex;
+ flex-direction: column;
}
.login-h6 {
@@ -285,6 +283,8 @@
}
.login-body {
position: relative;
+ background:#ecf0f3;
+ border-radius: 20px;
}
.login-body .el-input{
border-radius: 3px;
@@ -302,22 +302,22 @@
-20px -20px 30px rgba(255,255,255,1);
transition: all 0.4s ease-out;
}
- .login-body .el-input:hover{
- box-shadow:
- 0 0 0 rgba(0,0,0,0.2),
- 0 0 0 rgba(255,255,255,0.8),
- inset 10px 10px 20px rgba(0,0,0,0.1),
- inset -10px -10px 20px rgba(255,255,255,1);
- }
+ /*.login-body .el-input:hover{*/
+ /* box-shadow:*/
+ /* 0 0 0 rgba(0,0,0,0.2),*/
+ /* 0 0 0 rgba(255,255,255,0.8),*/
+ /* inset 10px 10px 20px rgba(0,0,0,0.1),*/
+ /* inset -10px -10px 20px rgba(255,255,255,1);*/
+ /*}*/
.login-body .el-input__inner{
font-size: 18px;
height: inherit;
transition: all 0.4s ease-out;
border: none; /* 绉婚櫎榛樿鐨勮竟妗嗘牱寮� */
}
- .login-body .el-input__inner:hover{
- font-size: 16px;
- }
+ /*.login-body .el-input__inner:hover{*/
+ /* font-size: 16px;*/
+ /*}*/
.login-form-margin .btn{
border: none !important;
@@ -325,13 +325,13 @@
-20px -20px 30px rgba(255,255,255,1);
transition: all 0.4s ease-out;
}
- .login-form-margin .btn:hover{
- box-shadow:
- 0 0 0 rgba(0,0,0,0.2),
- 0 0 0 rgba(255,255,255,0.8),
- inset 10px 10px 20px rgba(0,0,0,0.1),
- inset -10px -10px 20px rgba(255,255,255,1);
- }
+ /*.login-form-margin .btn:hover{*/
+ /* box-shadow:*/
+ /* 0 0 0 rgba(0,0,0,0.2),*/
+ /* 0 0 0 rgba(255,255,255,0.8),*/
+ /* inset 10px 10px 20px rgba(0,0,0,0.1),*/
+ /* inset -10px -10px 20px rgba(255,255,255,1);*/
+ /*}*/
input:-webkit-autofill ,
textarea:-webkit-autofill,
select:-webkit-autofill{
@@ -376,9 +376,9 @@
font-size: 80px;
}
- .aui-page__login__border.el-button--primary:hover,
- .aui-page__login__border.el-button--primary:focus {
- color: rgba(0, 153, 255, 1)
- }
+ /*.aui-page__login__border.el-button--primary:hover,*/
+ /*.aui-page__login__border.el-button--primary:focus {*/
+ /* color: rgba(0, 153, 255, 1)*/
+ /*}*/
</style>
--
Gitblit v1.9.1