From 01d8848da8214b20295dd3cd2becae36293b15a9 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Mon, 24 Feb 2025 20:22:40 +0800
Subject: [PATCH] =?UTF-8?q?style:=E9=A6=96=E9=A1=B5=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/Header.vue |  6 +++---
 src/views/components/Menu.vue   | 11 +++++++----
 src/views/login/index.vue       |  9 ++++++++-
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/views/components/Header.vue b/src/views/components/Header.vue
index 038c7a0..d17a4e3 100644
--- a/src/views/components/Header.vue
+++ b/src/views/components/Header.vue
@@ -71,9 +71,9 @@
     .header{
         display: flex;
         align-items: center;
-        background: #e9e9e9;
-        align-items: center;
-        height: var(--headerHeight);
+        background: #F6F6F6;
+      padding: 0 20px;
+      height: var(--headerHeight);
         .header_logo{
             display: flex;
             font-size: 1.125rem;
diff --git a/src/views/components/Menu.vue b/src/views/components/Menu.vue
index ba927e4..651ec0e 100644
--- a/src/views/components/Menu.vue
+++ b/src/views/components/Menu.vue
@@ -6,7 +6,7 @@
 				<template #title scoped>
 					<div class="menn_li">
 						<div><img :src="active == index ? menu.s_icon : menu.n_icon" class="menu_icon" /></div>
-						<div>{{ menu.name }}</div>
+						<div :style="{color: active == index ? '#fff' : '#4F85FB'}">{{ menu.name }}</div>
 					</div>
 				</template>
 			</van-sidebar-item>
@@ -79,9 +79,9 @@ onMounted(async () => {
 }
 
 .van-sidebar {
-	--van-sidebar-active-color: #0088cc; /* 设置激活项颜色为蓝色 */
-	/* --van-sidebar-background: red; */
-	--van-sidebar-selected-background: #1989fa;
+	--van-sidebar-active-color: #4F85FB; /* 设置激活项颜色为蓝色 */
+	--van-sidebar-background: transparent;
+	--van-sidebar-selected-background: #1989FA;
 }
 
 .menn_btn {
@@ -101,4 +101,7 @@ onMounted(async () => {
 	width: 2.5rem;
 	height: 2.5rem;
 }
+.van-sidebar-item:active {
+  background-color: #fff;
+}
 </style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 349a109..0d1756f 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -100,6 +100,13 @@ const loginHandle = () => {
 </script>
 
 <style lang="scss" scoped>
+@media screen and (max-width: 1000px) {
+  .main {
+    .login-form {
+      width: 80%;
+    }
+  }
+}
 .main {
   width: 100%;
   height: 100vh;
@@ -108,7 +115,7 @@ const loginHandle = () => {
   justify-content: center;
   align-items: center;
   .login-form {
-    width: 25%;
+    width: 30%;
     display: flex;
     flex-direction: column;
     justify-content: center;