From 29e390fecd6fd6bc650cd6a594705ed4248fa70a Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期一, 17 六月 2024 16:51:24 +0800
Subject: [PATCH] 登录页面以及logo替换
---
src/views/login/index.vue | 29 ++++++++++++++---------------
1 files changed, 14 insertions(+), 15 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d3d36d8..94056b4 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,14 +179,14 @@
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;
@@ -199,10 +196,9 @@
}
.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