111 lines
3.4 KiB
TypeScript
111 lines
3.4 KiB
TypeScript
/** When your routing table is too long, you can split it into small modules**/
|
|
|
|
import Layout from '@/layout/index.vue'
|
|
|
|
const othersRouter = [
|
|
{
|
|
path: '/other',
|
|
component: Layout,
|
|
redirect: '/other/clipboard',
|
|
name: 'other',
|
|
meta: {
|
|
title: '常用组件',
|
|
icon: 'management',
|
|
},
|
|
children: [
|
|
{
|
|
path: '/other/clipboard',
|
|
component: () => import('@/views/other/clipboard/index.vue'),
|
|
name: 'clipboard',
|
|
meta: { title: '剪贴板', roles: ['other'], icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/editor',
|
|
component: () => import('@/views/other/editor/index.vue'),
|
|
name: 'editor',
|
|
meta: { title: '富文本编辑器', roles: ['other'], icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/code-mirror',
|
|
component: () => import('@/views/other/codeMirror/index.vue'),
|
|
name: 'code-mirror',
|
|
meta: { title: '代码编辑器', roles: ['other'], icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/mark-down',
|
|
component: () => import('@/views/other/markDown/index.vue'),
|
|
name: 'mark-down',
|
|
meta: { title: 'markDown', roles: ['other'], icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/print',
|
|
component: () => import('@/views/other/print/index.vue'),
|
|
name: 'print',
|
|
meta: { title: '打印', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/cropper',
|
|
component: () => import('@/views/other/cropper/index.vue'),
|
|
name: 'cropper',
|
|
meta: { title: '头像裁剪', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/card-drag',
|
|
component: () => import('@/views/other/cardDrag/index.vue'),
|
|
name: 'card-drag',
|
|
meta: { title: '卡片拖拽', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/upload',
|
|
component: () => import('@/views/other/upload/index.vue'),
|
|
name: 'upload',
|
|
meta: { title: '上传图片', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/qrcode',
|
|
component: () => import('@/views/other/qrcode/index.vue'),
|
|
name: 'qrcode',
|
|
meta: { title: '生成二维码', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/svgIcon',
|
|
component: () => import('@/views/other/svgIcon/index.vue'),
|
|
name: 'svgIcon',
|
|
meta: { title: 'svg 图标', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/iconfont',
|
|
component: () => import('@/views/other/iconfont/index.vue'),
|
|
name: 'iconfont',
|
|
meta: { title: '阿里图标库', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/water-marker',
|
|
component: () => import('@/views/other/waterMarker/index.vue'),
|
|
name: 'water-marker',
|
|
meta: { title: '生成水印', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/right-menu',
|
|
component: () => import('@/views/other/rightMenu/index.vue'),
|
|
name: 'right-menu',
|
|
meta: { title: '右键菜单', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/count',
|
|
component: () => import('@/views/other/count/index.vue'),
|
|
name: 'count',
|
|
meta: { title: '数字动画', icon: 'MenuIcon' },
|
|
},
|
|
{
|
|
path: '/other/text-clamp',
|
|
component: () => import('@/views/other/textClamp/index.vue'),
|
|
name: 'text-clamp',
|
|
meta: { title: '多行文本省略', icon: 'MenuIcon' },
|
|
},
|
|
],
|
|
},
|
|
]
|
|
|
|
export default othersRouter
|