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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
| /** When your routing table is too long, you can split it into small modules **/
|
| import Layout from '@/layout'
|
| const componentsRouter = {
| path: '/components',
| component: Layout,
| redirect: 'noRedirect',
| name: 'ComponentDemo',
| meta: {
| title: 'Components',
| icon: 'component'
| },
| children: [
| {
| path: 'tinymce',
| component: () => import('@/views/components-demo/tinymce'),
| name: 'TinymceDemo',
| meta: { title: 'Tinymce' }
| },
| {
| path: 'markdown',
| component: () => import('@/views/components-demo/markdown'),
| name: 'MarkdownDemo',
| meta: { title: 'Markdown' }
| },
| {
| path: 'json-editor',
| component: () => import('@/views/components-demo/json-editor'),
| name: 'JsonEditorDemo',
| meta: { title: 'JSON Editor' }
| },
| {
| path: 'split-pane',
| component: () => import('@/views/components-demo/split-pane'),
| name: 'SplitpaneDemo',
| meta: { title: 'SplitPane' }
| },
| {
| path: 'avatar-upload',
| component: () => import('@/views/components-demo/avatar-upload'),
| name: 'AvatarUploadDemo',
| meta: { title: 'Upload' }
| },
| {
| path: 'dropzone',
| component: () => import('@/views/components-demo/dropzone'),
| name: 'DropzoneDemo',
| meta: { title: 'Dropzone' }
| },
| {
| path: 'sticky',
| component: () => import('@/views/components-demo/sticky'),
| name: 'StickyDemo',
| meta: { title: 'Sticky' }
| },
| {
| path: 'count-to',
| component: () => import('@/views/components-demo/count-to'),
| name: 'CountToDemo',
| meta: { title: 'Count To' }
| },
| {
| path: 'mixin',
| component: () => import('@/views/components-demo/mixin'),
| name: 'ComponentMixinDemo',
| meta: { title: 'Component Mixin' }
| },
| {
| path: 'back-to-top',
| component: () => import('@/views/components-demo/back-to-top'),
| name: 'BackToTopDemo',
| meta: { title: 'Back To Top' }
| },
| {
| path: 'drag-dialog',
| component: () => import('@/views/components-demo/drag-dialog'),
| name: 'DragDialogDemo',
| meta: { title: 'Drag Dialog' }
| },
| {
| path: 'drag-select',
| component: () => import('@/views/components-demo/drag-select'),
| name: 'DragSelectDemo',
| meta: { title: 'Drag Select' }
| },
| {
| path: 'dnd-list',
| component: () => import('@/views/components-demo/dnd-list'),
| name: 'DndListDemo',
| meta: { title: 'Dnd List' }
| },
| {
| path: 'drag-kanban',
| component: () => import('@/views/components-demo/drag-kanban'),
| name: 'DragKanbanDemo',
| meta: { title: 'Drag Kanban' }
| }
| ]
| }
|
| export default componentsRouter
|
|
