From 6c472dfd39e90d1d479c2c0ced8ce317fc4a2bfe Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期三, 26 六月 2024 15:23:47 +0800
Subject: [PATCH] 页面优化
---
src/views/login/index.vue | 33 ++++++++++++++++-----------------
1 files changed, 16 insertions(+), 17 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d3d36d8..6b3f396 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -3,7 +3,7 @@
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
<div class="title-container">
- <h3 class="title">瀛︿箣鎬濈鐞嗙郴缁�</h3>
+ <h3 class="title">姹熻タ璇煶瑙嗛鍩硅绯荤粺</h3>
</div>
<el-form-item prop="userName">
@@ -51,9 +51,7 @@
</el-form>
- <div class="account-foot-copyright">
- <span>Copyright 漏2019-2024 姝︽眽鎬濈淮璺宠穬绉戞妧鏈夐檺鍏徃 鐗堟潈鎵�鏈�</span>
- </div>
+
</div>
</template>
@@ -170,7 +168,6 @@
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
.login-container .el-input input {
- color: $cursor;
}
}
@@ -182,27 +179,26 @@
width: 85%;
input {
- background: transparent;
+ background: white;
border: 0px;
-webkit-appearance: none;
border-radius: 0px;
padding: 12px 5px 12px 15px;
- color: $light_gray;
+ color: black;
height: 47px;
- caret-color: $cursor;
+ caret-color: black;
&:-webkit-autofill {
- box-shadow: 0 0 0px 1000px $bg inset !important;
- -webkit-text-fill-color: $cursor !important;
+ box-shadow: 0 0 0px 1000px white inset !important;
+ -webkit-text-fill-color: black !important;
}
}
}
.el-form-item {
- border: 1px solid rgba(255, 255, 255, 0.1);
- background: rgba(0, 0, 0, 0.1);
+ border: 1px solid darkgrey;
border-radius: 5px;
- color: #454545;
+ color: white;
}
}
</style>
@@ -213,9 +209,12 @@
$light_gray:#eee;
.login-container {
+ background-image:url('../../assets/loginBackground.png');
+ background-size: cover;
+ background-attachment: fixed;
min-height: 100%;
width: 100%;
- background-color: $bg;
+ background-color: white;
overflow: hidden;
.login-form {
@@ -223,9 +222,9 @@
width: 520px;
max-width: 100%;
padding:30px 50px 10px 50px;
- margin:120px auto auto auto;
+ margin:200px auto auto auto;
overflow: hidden;
- background: rgba(252, 254, 255, 0.11)
+ background: white;
}
.tips {
@@ -253,7 +252,6 @@
.title {
font-size: 26px;
- color: $light_gray;
margin: 0px auto 40px auto;
text-align: center;
font-weight: bold;
@@ -283,3 +281,4 @@
}
}
</style>
+
--
Gitblit v1.8.0