From 7349cc05588e600cfe36bb27c6df8b4e1b8889d5 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sun, 12 Mar 2023 21:37:56 +0800
Subject: [PATCH] =?UTF-8?q?fix(style):=20=E7=A8=8D=E5=BE=AE=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E4=BA=86=E4=B8=8B=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-sidebar.vue | 49 +++++++++++++-----------------------
 src/pages/Achievements.vue   |  5 +++-
 2 files changed, 21 insertions(+), 33 deletions(-)

diff --git a/src/components/t-sidebar.vue b/src/components/t-sidebar.vue
index b8f42445..94480806 100644
--- a/src/components/t-sidebar.vue
+++ b/src/components/t-sidebar.vue
@@ -7,57 +7,40 @@
 			<!-- todo 如果没有上一个页面，则灰色不可点击 -->
 			<v-list-item @click="back">
 				<v-list-item-action>
-					<v-icon>mdi-arrow-left</v-icon>
+					<v-icon color="rgb(205, 182, 145)">mdi-arrow-left</v-icon>
 				</v-list-item-action>
 			</v-list-item>
 			<!-- 第二个图标，负责收缩侧边栏 -->
 			<v-list-item @click="collapse">
 				<v-list-item-action>
-					<v-icon>mdi-menu</v-icon>
+					<v-icon color="rgb(205, 182, 145)">mdi-menu</v-icon>
 				</v-list-item-action>
 			</v-list-item>
 			<!-- 菜单项 -->
-			<v-list-item link href="/">
+			<v-list-item link href="/" title="首页">
 				<template v-slot:prepend>
 					<img src="/source/UI/paimon.webp" alt="homeIcon" class="sideIcon" />
 				</template>
-				<v-list-item-title v-show="!rail"> 首页 </v-list-item-title>
 			</v-list-item>
-			<v-list-subheader v-show="!rail">
-				<v-icon>mdi-bug-outline</v-icon>
-				<span> 测试功能 </span>
-			</v-list-subheader>
-			<v-list-item link href="/news">
+			<v-list-item link href="/news" title="咨讯">
 				<template v-slot:prepend>
 					<img src="/source/UI/news.webp" alt="newsIcon" class="sideIcon" />
 				</template>
-				<v-list-item-title v-show="!rail"> 咨讯 </v-list-item-title>
 			</v-list-item>
-			<v-list-subheader v-show="!rail">
-				<v-icon>mdi-cog-outline</v-icon>
-				<span> 开发功能 </span>
-			</v-list-subheader>
-			<v-list-item link href="/achievements">
+			<v-list-item link href="/achievements" title="成就">
 				<template v-slot:prepend>
 					<img src="/source/UI/achievements.webp" alt="achievementsIcon" class="sideIcon" />
 				</template>
-				<v-list-item-title v-show="!rail"> 成就 </v-list-item-title>
 			</v-list-item>
-			<v-list-subheader v-show="!rail" @click="magicClick">
-				<v-icon>mdi-rocket-outline</v-icon>
-				<span> 预期功能 </span>
-			</v-list-subheader>
-			<v-list-item link href="/config">
+			<v-list-item link href="/config" title="设置">
 				<template v-slot:prepend>
-					<v-icon>mdi-cog-outline</v-icon>
+					<v-icon color="rgb(205, 182, 145)">mdi-cog-outline</v-icon>
 				</template>
-				<v-list-item-title v-show="!rail"> 设置 </v-list-item-title>
 			</v-list-item>
-			<v-list-item link href="/dev" v-show="showDev">
+			<v-list-item link href="/dev" v-show="showDev" title="开发">
 				<template v-slot:prepend>
 					<v-icon>mdi-bug-outline</v-icon>
 				</template>
-				<v-list-item-title v-show="!rail"> 开发 </v-list-item-title>
 			</v-list-item>
 		</v-list>
 	</v-navigation-drawer>
@@ -88,13 +71,14 @@ function collapse() {
 	appStore.sidebar = rail.value;
 }
 function magicClick() {
-	if (!showDev.value) {
-		devStore.magicCount++;
-		if (devStore.magicCount >= 10) {
-			showDev.value = true;
-			devStore.showDev = true;
-		}
-	}
+	// 打包的时候不显示开发功能
+	// if (!showDev.value) {
+	// 	devStore.magicCount++;
+	// 	if (devStore.magicCount >= 10) {
+	// 		showDev.value = true;
+	// 		devStore.showDev = true;
+	// 	}
+	// }
 }
 </script>
 
@@ -102,5 +86,6 @@ function magicClick() {
 .sideIcon {
 	width: 24px;
 	height: 24px;
+	margin-right: 32px;
 }
 </style>
diff --git a/src/pages/Achievements.vue b/src/pages/Achievements.vue
index 63c4a3a2..463a9949 100644
--- a/src/pages/Achievements.vue
+++ b/src/pages/Achievements.vue
@@ -70,7 +70,10 @@
 					style="margin-bottom: 10px"
 				>
 					<v-list>
-						<v-list-item prepend-icon="mdi-trophy-variant-outline">
+						<v-list-item>
+							<template v-slot:prepend>
+								<v-icon color="rgb(205, 182, 145)">mdi-trophy-variant-outline</v-icon>
+							</template>
 							<v-list-item-title>{{ achievement.name }}</v-list-item-title>
 							<v-list-item-subtitle>{{
 								achievement.completed ? achievement.completed_time : achievement.description