102 lines
3.3 KiB
Plaintext
102 lines
3.3 KiB
Plaintext
<template>
|
||
<div>
|
||
<div class="n-layout-page-header">
|
||
<a-card :bordered="false" title="关于">
|
||
{{ name }} 是一个基于 vue3，vite2，TypeScript
|
||
的中后台解决方案，它可以帮助你快速搭建企业级中后台项目，相信不管是从新技术使用还是其他方面，都能帮助到你，持续更新中。
|
||
</a-card>
|
||
</div>
|
||
<a-card
|
||
:bordered="false"
|
||
title="项目信息"
|
||
class="mt-4 proCard"
|
||
size="small"
|
||
:segmented="{ content: 'hard' }"
|
||
>
|
||
<a-descriptions bordered label-placement="left" class="py-2">
|
||
<a-descriptions-item label="版本">
|
||
<a-tag type="info"> {{ version }} </a-tag>
|
||
</a-descriptions-item>
|
||
<a-descriptions-item label="最后编译时间">
|
||
<a-tag type="info"> {{ lastBuildTime }} </a-tag>
|
||
</a-descriptions-item>
|
||
<a-descriptions-item label="文档地址">
|
||
<div class="flex items-center">
|
||
<a href="https://www.naiveadmin.com" class="py-2" target="_blank">查看文档地址</a>
|
||
</div>
|
||
</a-descriptions-item>
|
||
<a-descriptions-item label="预览地址">
|
||
<div class="flex items-center">
|
||
<a href="https://antd.naiveadmin.com" class="py-2" target="_blank">查看预览地址</a>
|
||
</div>
|
||
</a-descriptions-item>
|
||
<a-descriptions-item label="Github">
|
||
<div class="flex items-center">
|
||
<a href="https://github.com/jekip/naive-ui-admin" class="py-2" target="_blank"
|
||
>查看Github地址</a
|
||
>
|
||
</div>
|
||
</a-descriptions-item>
|
||
<a-descriptions-item label="QQ交流群">
|
||
<div class="flex items-center">
|
||
<a href="https://jq.qq.com/?_wv=1027&k=xib9dU4C" class="py-2" target="_blank"
|
||
>点击链接加入群聊【Naive Admin】</a
|
||
>
|
||
</div>
|
||
</a-descriptions-item>
|
||
</a-descriptions>
|
||
</a-card>
|
||
|
||
<a-card
|
||
:bordered="false"
|
||
title="开发环境依赖"
|
||
class="mt-4 proCard"
|
||
size="small"
|
||
:segmented="{ content: 'hard' }"
|
||
>
|
||
<a-descriptions bordered label-placement="left" class="py-2">
|
||
<a-descriptions-item v-for="item in devSchema" :key="item.field" :label="item.field">
|
||
{{ item.label }}
|
||
</a-descriptions-item>
|
||
</a-descriptions>
|
||
</a-card>
|
||
|
||
<a-card
|
||
:bordered="false"
|
||
title="生产环境依赖"
|
||
class="mt-4 proCard"
|
||
size="small"
|
||
:segmented="{ content: 'hard' }"
|
||
>
|
||
<a-descriptions bordered label-placement="left" class="py-2">
|
||
<a-descriptions-item v-for="item in schema" :key="item.field" :label="item.field">
|
||
{{ item.label }}
|
||
</a-descriptions-item>
|
||
</a-descriptions>
|
||
</a-card>
|
||
</div>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
export interface schemaItem {
|
||
field: string;
|
||
label: string;
|
||
}
|
||
|
||
const { pkg, lastBuildTime } = __APP_INFO__;
|
||
const { dependencies, devDependencies, name, version } = pkg;
|
||
|
||
const schema: schemaItem[] = [];
|
||
const devSchema: schemaItem[] = [];
|
||
|
||
Object.keys(dependencies).forEach((key) => {
|
||
schema.push({ field: key, label: dependencies[key] });
|
||
});
|
||
|
||
Object.keys(devDependencies).forEach((key) => {
|
||
devSchema.push({ field: key, label: devDependencies[key] });
|
||
});
|
||
</script>
|
||
|
||
<style lang="less" scoped></style>
|