chore: update menu

This commit is contained in:
vben 2020-11-23 23:30:20 +08:00
parent ba068ba1df
commit 36734100e3
7 changed files with 15 additions and 61 deletions

View File

@ -3,7 +3,6 @@
### ✨ Features ### ✨ Features
- 缓存可以配置是否加密 - 缓存可以配置是否加密
- 多语言支持
### 🎫 Chores ### 🎫 Chores

View File

@ -4,9 +4,7 @@ const menu: MenuModule = {
menu: { menu: {
name: '组件', name: '组件',
path: '/comp', path: '/comp',
tag: {
dot: true,
},
children: [ children: [
{ {
path: 'basic', path: 'basic',
@ -44,9 +42,6 @@ const menu: MenuModule = {
{ {
path: 'upload', path: 'upload',
name: '上传组件', name: '上传组件',
tag: {
content: 'new',
},
}, },
{ {
path: 'scroll', path: 'scroll',

View File

@ -4,9 +4,7 @@ const menu: MenuModule = {
menu: { menu: {
name: '功能', name: '功能',
path: '/feat', path: '/feat',
tag: {
dot: true,
},
children: [ children: [
{ {
path: 'icon', path: 'icon',
@ -23,9 +21,6 @@ const menu: MenuModule = {
{ {
path: 'download', path: 'download',
name: '文件下载', name: '文件下载',
tag: {
content: 'new',
},
}, },
{ {
path: 'click-out-side', path: 'click-out-side',

View File

@ -4,18 +4,11 @@ const menu: MenuModule = {
menu: { menu: {
path: '/form', path: '/form',
name: 'Form', name: 'Form',
tag: {
type: 'warn',
dot: true,
},
children: [ children: [
{ {
path: 'basic', path: 'basic',
name: '基础表单', name: '基础表单',
tag: {
type: 'warn',
dot: true,
},
}, },
{ {
path: 'useForm', path: 'useForm',
@ -32,26 +25,14 @@ const menu: MenuModule = {
{ {
path: 'ruleForm', path: 'ruleForm',
name: '表单校验', name: '表单校验',
tag: {
type: 'warn',
dot: true,
},
}, },
{ {
path: 'dynamicForm', path: 'dynamicForm',
name: '动态表单', name: '动态表单',
tag: {
type: 'warn',
dot: true,
},
}, },
{ {
path: 'customerForm', path: 'customerForm',
name: '自定义组件', name: '自定义组件',
tag: {
type: 'warn',
dot: true,
},
}, },
], ],
}, },

View File

@ -11,9 +11,7 @@ const menu: MenuModule = {
{ {
path: 'form', path: 'form',
name: '表单页', name: '表单页',
tag: {
content: 'new',
},
children: [ children: [
{ {
path: 'basic', path: 'basic',
@ -32,9 +30,7 @@ const menu: MenuModule = {
{ {
path: 'desc', path: 'desc',
name: '详情页', name: '详情页',
tag: {
content: 'new',
},
children: [ children: [
{ {
path: 'basic', path: 'basic',
@ -49,9 +45,7 @@ const menu: MenuModule = {
{ {
path: 'result', path: 'result',
name: '结果页', name: '结果页',
tag: {
content: 'new',
},
children: [ children: [
{ {
path: 'success', path: 'success',
@ -92,9 +86,6 @@ const menu: MenuModule = {
{ {
path: 'account', path: 'account',
name: '个人页', name: '个人页',
tag: {
content: 'new',
},
children: [ children: [
{ {
path: 'center', path: 'center',

View File

@ -4,9 +4,6 @@ const menu: MenuModule = {
menu: { menu: {
path: '/table', path: '/table',
name: 'Table', name: 'Table',
tag: {
dot: true,
},
children: [ children: [
{ {
path: 'basic', path: 'basic',
@ -67,9 +64,6 @@ const menu: MenuModule = {
{ {
path: 'editRowTable', path: 'editRowTable',
name: '可编辑行', name: '可编辑行',
tag: {
content: 'new',
},
}, },
], ],
}, },

View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="prefixCls"> <div :class="prefixCls">
<a-page-header title="卡片列表" :ghost="false"> <a-page-header title="卡片列表" :ghost="false">
基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统 基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统
<div :class="`${prefixCls}__link`"> <div :class="`${prefixCls}__link`">
<a><Icon icon="bx:bx-paper-plane" color="#1890ff" /><span>开始</span></a> <a><Icon icon="bx:bx-paper-plane" color="#1890ff" /><span>开始</span></a>
<a><Icon icon="carbon:warning" color="#1890ff" /><span>简介</span></a> <a><Icon icon="carbon:warning" color="#1890ff" /><span>简介</span></a>
@ -10,36 +10,35 @@
</a-page-header> </a-page-header>
<div :class="`${prefixCls}__content`"> <div :class="`${prefixCls}__content`">
<List> <a-list>
<a-row :gutter="16"> <a-row :gutter="16">
<template v-for="(item, index) in list" :key="index"> <template v-for="(item, index) in list" :key="index">
<a-col :span="6"> <a-col :span="6">
<ListItem> <a-list-item>
<Card :hoverable="true" :class="`${prefixCls}__card`"> <a-card :hoverable="true" :class="`${prefixCls}__card`">
<div :class="`${prefixCls}__card-title`"> <div :class="`${prefixCls}__card-title`">
<Icon class="icon" v-if="item.icon" :icon="item.icon" :color="item.color" /> <Icon class="icon" v-if="item.icon" :icon="item.icon" :color="item.color" />
{{ item.title }} {{ item.title }}
</div> </div>
<div :class="`${prefixCls}__card-detail`"> <div :class="`${prefixCls}__card-detail`">
基于Vue Next, TypeScript, Ant Design实现的一套完整的企业级后台管理系统 基于Vue Next, TypeScript, Ant Design Vue实现的一套完整的企业级后台管理系统
</div> </div>
</Card> </a-card>
</ListItem> </a-list-item>
</a-col> </a-col>
</template> </template>
</a-row> </a-row>
</List> </a-list>
</div> </div>
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import { List, Card } from 'ant-design-vue';
import Icon from '/@/components/Icon/index'; import Icon from '/@/components/Icon/index';
import { cardList } from './data'; import { cardList } from './data';
export default defineComponent({ export default defineComponent({
components: { Icon, List, ListItem: List.Item, Card }, components: { Icon },
setup() { setup() {
return { return {
prefixCls: 'list-card', prefixCls: 'list-card',