From 26336465b6dfff65c3f50c743a80a7af36899f77 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Mon, 6 Mar 2023 21:14:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(sidebar):=20=E6=B7=BB=E5=8A=A0=E8=BF=94?=
 =?UTF-8?q?=E5=9B=9E=20button=EF=BC=8C=E6=9B=B4=E6=94=B9=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/t-sidebar.vue | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/t-sidebar.vue b/src/components/t-sidebar.vue
index fc66e51a..5910d477 100644
--- a/src/components/t-sidebar.vue
+++ b/src/components/t-sidebar.vue
@@ -1,7 +1,16 @@
 <template>
+	<!-- todo 侧边栏宽度调整 -->
 	<v-navigation-drawer permanent :rail="rail">
+		<!-- todo 选中没有高亮 -->
 		<v-list>
-			<!-- 第一个图标，负责收缩侧边栏 -->
+			<!-- 第一个图标，负责返回上一个页面 -->
+			<!-- todo 如果没有上一个页面，则灰色不可点击 -->
+			<v-list-item @click="back">
+				<v-list-item-action>
+					<v-icon>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>
@@ -12,7 +21,7 @@
 				<v-icon>mdi-bug-outline</v-icon>
 				<span v-show="!rail"> 测试功能 </span>
 			</v-list-subheader>
-			<v-list-item @click="toPage('/news')">
+			<v-list-item link href="/news">
 				<template v-slot:prepend>
 					<v-icon>mdi-calendar-text-outline</v-icon>
 				</template>
@@ -22,7 +31,7 @@
 				<v-icon>mdi-cog-outline</v-icon>
 				<span v-show="!rail"> 开发功能 </span>
 			</v-list-subheader>
-			<v-list-item @click="toPage('/config')">
+			<v-list-item link href="/config">
 				<template v-slot:prepend>
 					<v-icon>mdi-cog-outline</v-icon>
 				</template>
@@ -50,14 +59,12 @@ export default defineComponent({
 		};
 	},
 	methods: {
+		back() {
+			this.router.go(-1);
+		},
 		collapse() {
 			this.rail = !this.rail;
 		},
-		toPage(path: string) {
-			if (this.router.currentRoute.path !== path) {
-				this.router.push(path);
-			}
-		},
 	},
 });
 </script>