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/assets/logo.png | 0
src/assets/loginBackground.png | 0
public/index.html | 2 +-
src/layout/components/Sidebar/Logo.vue | 4 ++--
src/views/login/index.vue | 29 ++++++++++++++---------------
public/favicon.ico | 0
src/assets/favicon.ico | 0
7 files changed, 17 insertions(+), 18 deletions(-)
diff --git a/public/favicon.ico b/public/favicon.ico
index 870950b..bad81af 100644
--- a/public/favicon.ico
+++ b/public/favicon.ico
Binary files differ
diff --git a/public/index.html b/public/index.html
index 3d6c67e..6148799 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,7 +8,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
- <title>瀛︿箣鎬濈鐞嗙郴缁�</title>
+ <title>姹熻タ璇煶瑙嗛鍩硅绯荤粺</title>
<style>
html {
height: 100%;
diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
new file mode 100644
index 0000000..4059528
--- /dev/null
+++ b/src/assets/favicon.ico
Binary files differ
diff --git a/src/assets/loginBackground.png b/src/assets/loginBackground.png
new file mode 100644
index 0000000..61f78cd
--- /dev/null
+++ b/src/assets/loginBackground.png
Binary files differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
index fdd86b9..bad81af 100644
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
Binary files differ
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 6293f7d..2ce4320 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -24,7 +24,7 @@
},
data () {
return {
- title: '瀛︿箣鎬濈鐞嗙郴缁�'
+ title: '姹熻タ璇煶瑙嗛鍩硅绯荤粺'
}
}
}
@@ -54,7 +54,7 @@
width: 100%;
& .sidebar-logo {
- width: 45px;
+ width: 35px;
vertical-align: middle;
margin-right: 12px;
}
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