1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
| /** When your routing table is too long, you can split it into small modules **/
|
| const Layout = () => import('@/layout/index.vue');
|
| const componentsRouter = {
| path: '/components',
| component: Layout,
| redirect: 'noRedirect',
| name: 'ComponentDemo',
| meta: {
| title: '组件',
| icon: 'component'
| },
| children: [
| {
| path: 'tinymce',
| component: () => import('@/views/components-demo/tinymce.vue'),
| name: 'TinymceDemo',
| meta: { title: '富文本编辑器' }
| },
| {
| path: 'avatar-upload',
| component: () => import('@/views/components-demo/avatar-upload.vue'),
| name: 'AvatarUploadDemo',
| meta: { title: '头像上传' }
| },
| {
| path: 'dropzone',
| component: () => import('@/views/components-demo/dropzone.vue'),
| name: 'DropzoneDemo',
| meta: { title: 'Dropzone' }
| },
| {
| path: 'sticky',
| component: () => import('@/views/components-demo/sticky.vue'),
| name: 'StickyDemo',
| meta: { title: 'Sticky' }
| },
| {
| path: 'count-to',
| component: () => import('@/views/components-demo/count-to.vue'),
| name: 'CountToDemo',
| meta: { title: 'Count To' }
| },
| {
| path: 'mixin',
| component: () => import('@/views/components-demo/mixin.vue'),
| name: 'ComponentMixinDemo',
| meta: { title: '小组件' }
| },
| {
| path: 'back-to-top',
| component: () => import('@/views/components-demo/back-to-top.vue'),
| name: 'BackToTopDemo',
| meta: { title: '返回顶部' }
| },
| {
| path: 'drag-dialog',
| component: () => import('@/views/components-demo/drag-dialog.vue'),
| name: 'DragDialogDemo',
| meta: { title: '拖拽 Dialog' }
| },
| {
| path: 'drag-select',
| component: () => import('@/views/components-demo/drag-select.vue'),
| name: 'DragSelectDemo',
| meta: { title: '拖拽 Select' }
| }
| ]
| };
|
| export default componentsRouter;
|
|
