From ebe4861163b9d8859f0bccc6176bf384fa14c289 Mon Sep 17 00:00:00 2001
From: Coffee-crocodile <1147347984@qq.com>
Date: Mon, 27 Feb 2023 16:46:36 +0800
Subject: [PATCH] feat(about): add about page

---
 src/App.vue               |  4 +--
 src/views/about/index.vue | 76 +++++++++++++++++++++++++++++++++++++--
 2 files changed, 76 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 96b610a..691f60c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -13,7 +13,7 @@
 <script setup lang="ts">
 import { useAppStore } from './store';
 import { zhCN, dateZhCN, GlobalThemeOverrides, useOsTheme } from 'naive-ui';
-import themeConfig from './theme.json';
+// import themeConfig from './theme.json';
 
 const locale = zhCN;
 const dateLocale = dateZhCN;
@@ -22,7 +22,7 @@ const appStore = useAppStore();
 const osThemeRef = useOsTheme();
 appStore.setDarkMode(osThemeRef.value === 'dark');
 
-const themeOverrides: GlobalThemeOverrides = themeConfig;
+const themeOverrides: GlobalThemeOverrides = {};
 </script>
 
 <style scoped></style>
diff --git a/src/views/about/index.vue b/src/views/about/index.vue
index e8eef04..10a069c 100644
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@@ -1,7 +1,79 @@
 <template>
-  <div>关于本项目</div>
+  <n-space vertical>
+    <n-card title="关于">
+      Ench-admin是一款基于Vue3+vite+TypeScript+Navie
+      UI的后台管理模板，力求使用简约的代码实现完备功能，降低学习门槛和维护成本，让大家能早点下班做自己的事情
+    </n-card>
+    <n-card title="信息">
+      <n-descriptions
+        label-placement="left"
+        bordered
+        :column="2"
+      >
+        <n-descriptions-item label="Github">
+          <n-button
+            text
+            tag="a"
+            href="https://github.com/iam-see/Ench-admin"
+            target="_blank"
+            type="primary"
+          >
+            Github
+          </n-button>
+        </n-descriptions-item>
+        <n-descriptions-item label="预览地址">
+          <n-button
+            text
+            tag="a"
+            href="https://ench-admin.vercel.app/"
+            target="_blank"
+            type="primary"
+          >
+            预览地址
+          </n-button>
+        </n-descriptions-item>
+        <n-descriptions-item label="版本">
+          <n-tag :bordered="false">
+            {{ lib.version }}
+          </n-tag>
+        </n-descriptions-item>
+      </n-descriptions>
+    </n-card>
+    <n-card title="生产环境依赖">
+      <n-descriptions
+        label-placement="left"
+        bordered
+        :column="4"
+      >
+        <n-descriptions-item
+          v-for="(item, key, index) in lib.dependencies"
+          :key="index"
+          :label="key"
+        >
+          {{ item }}
+        </n-descriptions-item>
+      </n-descriptions>
+    </n-card>
+    <n-card title="开发环境依赖">
+      <n-descriptions
+        label-placement="left"
+        bordered
+        :column="4"
+      >
+        <n-descriptions-item
+          v-for="(item, key, index) in lib.devDependencies"
+          :key="index"
+          :label="key"
+        >
+          {{ item }}
+        </n-descriptions-item>
+      </n-descriptions>
+    </n-card>
+  </n-space>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import lib from '~/package.json';
+</script>
 
 <style scoped></style>