From e63494061bd4a5610972e13b5c9c8a4948c2e617 Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Tue, 22 Jul 2025 14:42:08 +0800
Subject: [PATCH] add About page

---
 src/Root.vue               |  8 +++++++-
 src/layout/IndexLayout.vue |  9 ++++++---
 src/views/index/About.vue  | 33 +++++++++++++++++++++++++++++++++
 3 files changed, 46 insertions(+), 4 deletions(-)
 create mode 100644 src/views/index/About.vue

diff --git a/src/Root.vue b/src/Root.vue
index 122d7a8..5813e04 100644
--- a/src/Root.vue
+++ b/src/Root.vue
@@ -10,11 +10,17 @@
 <script lang="ts" setup>
 import { BEFlowerFall, Popup } from "timi-web";
 import { RootLayout, UserProfilePopup } from "timi-tdesign-pc";
+import { SettingMapper } from "../../timi-web";
 
 const route = useRoute();
 
 const ready = ref(false);
-onMounted(async () => ready.value = true);
+onMounted(async () => {
+	await SettingMapper.loadSetting({
+		key: "GIT_ABOUT_ARTICLE"
+	});
+	ready.value = true;
+});
 
 // ---------- 文件详情页更宽的布局 ----------
 const inFileDetail = ref(false);
diff --git a/src/layout/IndexLayout.vue b/src/layout/IndexLayout.vue
index ab80a4a..5ba2343 100644
--- a/src/layout/IndexLayout.vue
+++ b/src/layout/IndexLayout.vue
@@ -21,6 +21,7 @@
 				</template>
 				<t-menu-item to="/" :value="Menu.LIST">仓库列表</t-menu-item>
 				<t-menu-item to="/log" :value="Menu.LOG">最近推送</t-menu-item>
+				<t-menu-item to="/about" :value="Menu.ABOUT">关于</t-menu-item>
 				<template #operations>
 					<login-menu />
 				</template>
@@ -44,14 +45,16 @@ onMounted(async () => owner.value = await UserAPI.view(1));
 
 enum Menu {
 	LIST = "LIST",
-	LOG = "LOG"
+	LOG = "LOG",
+	ABOUT = "ABOUT"
 }
 
 const regexMenu: {
 	[key: string]: Menu
 } = {
 	"RepositoryList": Menu.LIST,
-	"RepositoryLog": Menu.LOG
+	"RepositoryLog": Menu.LOG,
+	"About": Menu.ABOUT
 };
 
 const route = useRoute();
@@ -76,7 +79,7 @@ onMounted(() => syncMenuRouter(route.name as string));
 
 	.header {
 		top: 0;
-		z-index: 1;
+		z-index: 3;
 		position: sticky;
 		background: rgba(231, 234, 239, .8);
 		border-bottom: var(--tui-border);
diff --git a/src/views/index/About.vue b/src/views/index/About.vue
new file mode 100644
index 0000000..783bf04
--- /dev/null
+++ b/src/views/index/About.vue
@@ -0,0 +1,33 @@
+<template>
+	<article v-if="article" class="about">
+		<markdown-view class="content" :content="article.data" />
+		<comment
+			v-if="SettingMapper.is(SettingKey.ENABLE_COMMENT) && article.showComment"
+			:bizType="CommentBizType.ARTICLE"
+			:bizId="article.id!"
+			:titleStickyOffset="80"
+			:canComment="article.canComment"
+		/>
+	</article>
+</template>
+
+<script lang="ts" setup>
+import { ArticleAPI, ArticleView, CommentBizType, MarkdownView, SettingKey, SettingMapper } from "timi-web";
+import { Comment } from "timi-tdesign-pc";
+
+const article = ref<ArticleView<any>>();
+
+onMounted(async () => {
+	article.value = await ArticleAPI.view(SettingMapper.getValue("GIT_ABOUT_ARTICLE") as unknown as number);
+});
+</script>
+
+<style lang="less" scoped>
+.about {
+
+	.content {
+		width: calc(100% - 4rem);
+		padding: 1rem 2rem;
+	}
+}
+</style>