jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): 用NCard组件替换ShadowCard

Browse Source
This commit is contained in:
Soybean
2021-11-06 01:53:17 +08:00
parent 4487f9fbdc
commit 048eae6748
16 changed files with 167 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/about/components/DevDependency/index.vue
View File

@ -1,16 +1,15 @@
<template>
<shadow-card class="p-18px !rounded-4px">
<h3 class="pb-18px text-16px font-semibold">开发环境依赖</h3>
<n-card title="开发环境依赖" :bordered="false" size="small" class="rounded-16px shadow-sm">
<n-descriptions label-placement="left" bordered size="small">
<n-descriptions-item v-for="item in dependencies" :key="item.name" :label="item.name">
{{ item.version }}
</n-descriptions-item>
</n-descriptions>
</shadow-card>
</n-card>
</template>
<script setup lang="ts">
import { NDescriptions, NDescriptionsItem } from 'naive-ui';
import { NCard, NDescriptions, NDescriptionsItem } from 'naive-ui';
import { packageJson } from '@/utils';
const dependencies = packageJson.devDependencies;

7
src/views/about/components/ProDependency/index.vue
View File

@ -1,16 +1,15 @@
<template>
<shadow-card class="p-18px !rounded-4px">
<h3 class="pb-18px text-16px font-semibold">生产环境依赖</h3>
<n-card title="生产环境依赖" :bordered="false" size="small" class="rounded-16px shadow-sm">
<n-descriptions label-placement="left" bordered size="small">
<n-descriptions-item v-for="item in dependencies" :key="item.name" :label="item.name">
{{ item.version }}
</n-descriptions-item>
</n-descriptions>
</shadow-card>
</n-card>
</template>
<script setup lang="ts">
import { NDescriptions, NDescriptionsItem } from 'naive-ui';
import { NCard, NDescriptions, NDescriptionsItem } from 'naive-ui';
import { packageJson } from '@/utils';
const { dependencies } = packageJson;

7
src/views/about/components/ProjectInfo/index.vue
View File

@ -1,6 +1,5 @@
<template>
<shadow-card class="p-18px !rounded-4px">
<h3 class="pb-18px text-16px font-semibold">项目信息</h3>
<n-card title="项目信息" :bordered="false" size="small" class="rounded-16px shadow-sm">
<n-descriptions label-placement="left" bordered size="small" :column="2">
<n-descriptions-item label="版本">
<n-tag type="primary">{{ version }}</n-tag>
@ -15,11 +14,11 @@
<a class="g_text-primary" href="https://soybean.pro" target="_blank">预览地址</a>
</n-descriptions-item>
</n-descriptions>
</shadow-card>
</n-card>
</template>
<script setup lang="ts">
import { NDescriptions, NDescriptionsItem, NTag } from 'naive-ui';
import { NCard, NDescriptions, NDescriptionsItem, NTag } from 'naive-ui';
import { packageJson } from '@/utils';
const { version } = packageJson;

9
src/views/about/components/ProjectIntroduction/index.vue
View File

@ -1,12 +1,13 @@
<template>
<shadow-card class="h-120px p-18px !rounded-4px">
<h3 class="h-36px leading-36px text-26px font-bold">关于</h3>
<n-card title="关于" :bordered="false" size="large" class="rounded-16px shadow-sm">
<p class="leading-24px">
Soybean Admin 是一个基于 Vue3、Vite、Naive UI、TypeScript
的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目，相信不管是从新技术使用还是其他方面，都能帮助到你。
</p>
</shadow-card>
</n-card>
</template>
<script setup lang="ts"></script>
<script setup lang="ts">
import { NCard } from 'naive-ui';
</script>
<style scoped></style>