feat: 首页架构

src/components/Doc/index.ts

@@ -0,0 +1,3 @@
+import Doc from './index.vue';
+
+export { Doc };

src/components/Doc/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <n-button quaternary @click="handleClick" title="说明文档">
+    <n-icon size="20" :depth="1">
+      <DocumentTextIcon />
+    </n-icon>
+  </n-button>
+</template>
+
+<script lang="ts" setup>
+import { openDoc } from '@/utils/page'
+import { DocumentText as DocumentTextIcon } from '@vicons/ionicons5'
+
+const handleClick = () => {
+  openDoc()
+}
+</script>