From 747d80fa18b95b4845aeb7456bee407bdad74e63 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Wed, 29 Mar 2023 19:32:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(route):=20isMain=E7=94=A8=E4=BA=8E?=
 =?UTF-8?q?=E5=88=A4=E6=96=AD=E5=AD=90=E7=AA=97=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue          | 43 +++++++++++++++++++++++++++++++------------
 src/router/routes.ts | 27 +++++++++++++++++++++++++++
 src/views/t-post.vue | 14 ++++++++++++++
 3 files changed, 72 insertions(+), 12 deletions(-)
 create mode 100644 src/views/t-post.vue

diff --git a/src/App.vue b/src/App.vue
index 618e0e2a..11ddca63 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,32 @@
 <template>
-	<v-layout>
-		<!-- 侧边栏菜单 -->
-		<t-sidebar />
-		<!-- 主体内容 -->
-		<v-main>
-			<v-container fluid>
-				<router-view />
-			</v-container>
-		</v-main>
-	</v-layout>
+	<div v-if="isMain">
+		<v-layout>
+			<!-- 侧边栏菜单 -->
+			<t-sidebar />
+			<!-- 主体内容 -->
+			<v-main>
+				<v-container fluid>
+					<router-view />
+				</v-container>
+			</v-main>
+		</v-layout>
+	</div>
+	<div v-else>
+		<v-layout>
+			<!-- 主体内容 -->
+			<v-main>
+				<v-container fluid>
+					<router-view />
+				</v-container>
+			</v-main>
+		</v-layout>
+	</div>
 </template>
 
 <script lang="ts" setup>
 // vue
-import { onMounted } from "vue";
+import { onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
 import TSidebar from "./components/t-sidebar.vue";
 // tauri
 import { fs } from "@tauri-apps/api";
@@ -25,9 +38,15 @@ import { InitTGData, DeleteTGData, WriteTGData } from "./utils/TGIndex";
 import { TGAppDataList, TGGetDataList } from "./data";
 
 const appStore = useAppStore();
+const isMain = ref(true as boolean);
+const route = useRouter();
 
 onMounted(async () => {
-	await checkLoad();
+	// 判断路由meta.isMain
+	isMain.value = route.currentRoute.value.meta.isMain as boolean;
+	if (isMain.value) {
+		await checkLoad();
+	}
 });
 
 async function checkLoad() {
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 39b90de6..b6347463 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -4,6 +4,7 @@ import Home from "../pages/Home.vue";
 import News from "../pages/News.vue";
 // 数据交互
 import Achievements from "../pages/Achievements.vue";
+import TPost from "../views/t-post.vue";
 // 应用配置相关
 import Config from "../pages/Config.vue";
 
@@ -12,30 +13,56 @@ const routes = [
 		path: "/",
 		name: "首页",
 		component: Home,
+		meta: {
+			isMain: true,
+		},
 	},
 	{
 		path: "/achievements",
 		name: "成就",
 		component: Achievements,
+		meta: {
+			isMain: true,
+		},
 	},
 	{
 		path: "/config",
 		name: "设置",
 		component: Config,
+		meta: {
+			isMain: true,
+		},
 	},
 	{
 		path: "/GCG",
 		name: "卡牌",
 		component: GCG,
+		meta: {
+			isMain: true,
+		},
 	},
 	{
 		path: "/home",
 		redirect: "/",
+		meta: {
+			isMain: true,
+		},
 	},
 	{
 		path: "/news",
 		name: "咨讯",
 		component: News,
+		meta: {
+			isMain: true,
+		},
+	},
+	{
+		path: "/post_detail/:post_id",
+		name: "帖子详情",
+		component: TPost,
+		meta: {
+			isMain: false,
+		},
 	},
 ];
 
diff --git a/src/views/t-post.vue b/src/views/t-post.vue
new file mode 100644
index 00000000..44110aa7
--- /dev/null
+++ b/src/views/t-post.vue
@@ -0,0 +1,14 @@
+<template>
+	<div>TEST {{ $route.meta.isMain }}</div>
+</template>
+<script lang="ts" setup>
+// 获取路由传参
+import { useRoute } from "vue-router";
+
+const route = useRoute();
+
+// 获取路由参数
+const id = route.params.post_id;
+console.log(id);
+</script>
+<style lang="css"></style>