121 lines
4.2 KiB
Vue
121 lines
4.2 KiB
Vue
<template>
|
||
<div class="el-card box">
|
||
<div class="card mb10">
|
||
<h4 class="title">
|
||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Postcard /> </el-icon>简介(About)
|
||
</h4>
|
||
<span class="text">
|
||
🔥基于 .NET 6/8 (Furion/SqlSugar) 实现的通用权限开发框架，前端采用
|
||
Vue3/Element-plus，代码简洁、易扩展。整合最新技术，模块插件式开发，前后端分离，开箱即用。集成多租户、缓存、数据校验、鉴权、事件总线、动态API、通讯、远程请求、任务调度、打印等众多黑科技。让开发更简单、更通用、更流行！
|
||
</span>
|
||
</div>
|
||
|
||
<div class="card mb10">
|
||
<h4 class="title">
|
||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Warning /> </el-icon>项目信息(Information)
|
||
</h4>
|
||
<el-descriptions :column="2" border>
|
||
<el-descriptions-item label="名称及作者">
|
||
<el-tag>{{ name }}</el-tag> <el-tag type="info">{{ author }}</el-tag>
|
||
</el-descriptions-item>
|
||
|
||
<el-descriptions-item label="框架描述">
|
||
<el-tag>{{ description }}</el-tag>
|
||
</el-descriptions-item>
|
||
|
||
<el-descriptions-item label="版本号">
|
||
<el-tag>{{ version }}</el-tag> <el-tag type="success">{{ license }}</el-tag>
|
||
</el-descriptions-item>
|
||
|
||
<el-descriptions-item label="发布时间">
|
||
<el-tag>{{ lastBuildTime }}</el-tag>
|
||
</el-descriptions-item>
|
||
|
||
<el-descriptions-item label="Gitee">
|
||
<el-link type="primary" href="https://gitee.com/zuohuaijun/Admin.NET" target="_blank"> Gitee </el-link>
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="Github">
|
||
<el-link type="primary" href="https://github.com/zuohuaijun/Admin.NET.git" target="_blank"> Github </el-link>
|
||
</el-descriptions-item>
|
||
|
||
<el-descriptions-item label="文档地址">
|
||
<el-link type="primary" href="http://101.43.53.74:5050/" target="_blank"> 文档地址 </el-link>
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="预览地址">
|
||
<el-link type="primary" href="http://101.43.53.74:5005/dist/index.html" target="_blank"> 预览地址 </el-link>
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
<div class="card mb10">
|
||
<h4 class="title">
|
||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-SetUp /> </el-icon>生产环境依赖(Dependencies)
|
||
</h4>
|
||
<el-descriptions :column="3" border>
|
||
<el-descriptions-item v-for="(value, key) in dependencies" :key="key" width="400px" :label="key">
|
||
<el-tag type="success" effect="plain">
|
||
{{ value }}
|
||
</el-tag>
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
<div class="card">
|
||
<h4 class="title">
|
||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-SetUp /> </el-icon>开发环境依赖(devDependencies)
|
||
</h4>
|
||
<el-descriptions :column="3" border>
|
||
<el-descriptions-item v-for="(value, key) in devDependencies" :key="key" width="400px" :label="key">
|
||
<el-tag type="danger" effect="plain">
|
||
{{ value }}
|
||
</el-tag>
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
<div class="card">
|
||
<h4 class="title">
|
||
<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-SetUp /> </el-icon>关键词(Keywords)
|
||
</h4>
|
||
<el-descriptions :column="4" border>
|
||
<el-descriptions-item v-for="(value, key) in keywords" :key="value" width="400px" :label="key + 1">
|
||
<el-text type="primary">
|
||
{{ value }}
|
||
</el-text>
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts" name="about">
|
||
import PackageJson from '/package.json';
|
||
|
||
const { dependencies, devDependencies, keywords, version, lastBuildTime, author, description, license, name } = PackageJson;
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.box {
|
||
overflow-y: auto;
|
||
}
|
||
el-descriptions-item {
|
||
width: 50%;
|
||
}
|
||
.card {
|
||
padding: 10px;
|
||
.title {
|
||
margin: 5px 5px 10px;
|
||
font-size: 17px;
|
||
font-weight: bold;
|
||
color: var(--el-text-color-primary);
|
||
}
|
||
.text {
|
||
text-indent: 50px;
|
||
font-size: 15px;
|
||
line-height: 30px;
|
||
padding: 10px 20px;
|
||
color: var(--el-text-color-regular);
|
||
.el-link {
|
||
font-size: 15px;
|
||
}
|
||
}
|
||
}
|
||
</style>
|