|
|
@@ -0,0 +1,111 @@
|
|
|
+<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">
|
|
|
+ 基于 .NET6 (Furion/SqlSugar) 实现的通用权限开发框架，前端采用 Vue3+Element-plus+Vite5，整合众多优秀技术和框架，模块插件式开发。集成多租户、缓存、数据校验、鉴权、事件总线、动态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>
|
X5ZJ