89 lines
2.7 KiB
TypeScript
89 lines
2.7 KiB
TypeScript
/** When your routing table is too long, you can split it into small modules**/
|
|
|
|
import Layout from "@/layout/index.vue";
|
|
|
|
const componentsRouter = {
|
|
path: '/components',
|
|
component: Layout,
|
|
redirect: 'noRedirect',
|
|
name: 'components',
|
|
meta: {
|
|
title: '基础组件',
|
|
icon: 'Histogram',
|
|
roles:['other']
|
|
},
|
|
children: [
|
|
{
|
|
path: 'button',
|
|
component: () => import('@/views/components-demo/button.vue'),
|
|
name: 'button',
|
|
meta: { title: '按钮', }
|
|
},
|
|
{
|
|
path: 'upload',
|
|
component: () => import('@/views/components-demo/upload.vue'),
|
|
name: 'upload',
|
|
meta: { title: '上传图片', }
|
|
},
|
|
{
|
|
path: 'form',
|
|
component: () => import('@/views/components-demo/form.vue'),
|
|
name: 'form',
|
|
meta: { title: '表单', roles:['other']}
|
|
},
|
|
{
|
|
path: 'link',
|
|
component: () => import('@/views/components-demo/link.vue'),
|
|
name: 'link',
|
|
meta: { title: '文字链接', roles:['other']}
|
|
},
|
|
{
|
|
path: 'radio',
|
|
component: () => import('@/views/components-demo/radio.vue'),
|
|
name: 'radio',
|
|
meta: { title: '单选框', roles:['other']}
|
|
},
|
|
{
|
|
path: 'checkbox',
|
|
component: () => import('@/views/components-demo/checkbox.vue'),
|
|
name: 'checkbox',
|
|
meta: { title: '多选框', roles:['other']}
|
|
},
|
|
{
|
|
path: 'input',
|
|
component: () => import('@/views/components-demo/input.vue'),
|
|
name: 'components-input',
|
|
meta: { title: '输入框', roles:['other']}
|
|
},
|
|
{
|
|
path: 'components-inputnumber',
|
|
component: () => import('@/views/components-demo/inputnumber.vue'),
|
|
name: 'components-inputnumber',
|
|
meta: { title: '数字输入框', roles:['other']}
|
|
},
|
|
{
|
|
path: 'timepicker',
|
|
component: () => import('@/views/components-demo/timepicker.vue'),
|
|
name: 'timepicker',
|
|
meta: { title: '时间选择器', roles:['other']}
|
|
},
|
|
{
|
|
path: 'datetimepicker',
|
|
component: () => import('@/views/components-demo/datetimepicker.vue'),
|
|
name: 'datetimepicker',
|
|
meta: { title: '日期时间选择器', roles:['other']}
|
|
},
|
|
{
|
|
path: 'scroll',
|
|
component: () => import('@/views/components-demo/scroll.vue'),
|
|
name: 'scroll',
|
|
meta: { title: '无限滚动', }
|
|
},
|
|
|
|
|
|
|
|
]
|
|
}
|
|
|
|
export default componentsRouter
|