blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-04-06 03:57:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(about): add about page

Browse Source
This commit is contained in:
Coffee-crocodile 2023-02-27 16:46:36 +08:00
parent d7ff1c712f
commit ebe4861163
2 changed files with 76 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@ -13,7 +13,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { useAppStore } from './store'; import { useAppStore } from './store';
import { zhCN, dateZhCN, GlobalThemeOverrides, useOsTheme } from 'naive-ui'; import { zhCN, dateZhCN, GlobalThemeOverrides, useOsTheme } from 'naive-ui';
import themeConfig from './theme.json'; // import themeConfig from './theme.json';
const locale = zhCN; const locale = zhCN;
const dateLocale = dateZhCN; const dateLocale = dateZhCN;
@ -22,7 +22,7 @@ const appStore = useAppStore();
const osThemeRef = useOsTheme(); const osThemeRef = useOsTheme();
appStore.setDarkMode(osThemeRef.value === 'dark'); appStore.setDarkMode(osThemeRef.value === 'dark');
const themeOverrides: GlobalThemeOverrides = themeConfig; const themeOverrides: GlobalThemeOverrides = {};
</script> </script>
<style scoped></style> <style scoped></style>

76
src/views/about/index.vue
View File

@ -1,7 +1,79 @@
<template> <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> </template>
<script setup lang="ts"></script> <script setup lang="ts">
import lib from '~/package.json';
</script>
<style scoped></style> <style scoped></style>