提交 | 用户 | age
|
2f6253
|
1 |
import type { AppRouteModule } from '/@/router/types'; |
陈 |
2 |
|
|
3 |
import { PAGE_LAYOUT_COMPONENT } from '/@/router/constant'; |
|
4 |
|
|
5 |
export default { |
|
6 |
layout: { |
|
7 |
path: '/comp', |
|
8 |
name: 'Comp', |
|
9 |
component: PAGE_LAYOUT_COMPONENT, |
|
10 |
redirect: '/comp/basic', |
|
11 |
meta: { |
66b561
|
12 |
icon: 'ant-design:table-outlined', |
2f6253
|
13 |
title: '组件', |
陈 |
14 |
}, |
|
15 |
}, |
|
16 |
|
|
17 |
routes: [ |
|
18 |
{ |
|
19 |
path: '/basic', |
|
20 |
name: 'BasicDemo', |
|
21 |
component: () => import('/@/views/demo/comp/button/index.vue'), |
|
22 |
meta: { |
|
23 |
title: '基础组件', |
|
24 |
}, |
|
25 |
}, |
afc726
|
26 |
{ |
371348
|
27 |
path: '/transition', |
V |
28 |
name: 'transitionDemo', |
|
29 |
component: () => import('/@/views/demo/comp/transition/index.vue'), |
|
30 |
meta: { |
|
31 |
title: '动画组件', |
|
32 |
}, |
|
33 |
}, |
|
34 |
{ |
afc726
|
35 |
path: '/countTo', |
V |
36 |
name: 'CountTo', |
|
37 |
component: () => import('/@/views/demo/comp/count-to/index.vue'), |
|
38 |
meta: { |
|
39 |
title: '数字动画', |
|
40 |
}, |
|
41 |
}, |
949db9
|
42 |
|
2f6253
|
43 |
{ |
陈 |
44 |
path: '/scroll', |
|
45 |
name: 'ScrollDemo', |
|
46 |
redirect: '/comp/scroll/basic', |
|
47 |
meta: { |
|
48 |
title: '滚动组件', |
|
49 |
}, |
|
50 |
children: [ |
|
51 |
{ |
|
52 |
path: 'basic', |
|
53 |
name: 'BasicScrollDemo', |
|
54 |
component: () => import('/@/views/demo/comp/scroll/index.vue'), |
|
55 |
meta: { |
|
56 |
title: '基础滚动', |
|
57 |
}, |
|
58 |
}, |
|
59 |
{ |
|
60 |
path: 'action', |
|
61 |
name: 'ActionScrollDemo', |
|
62 |
component: () => import('/@/views/demo/comp/scroll/Action.vue'), |
|
63 |
meta: { |
|
64 |
title: '滚动函数', |
|
65 |
}, |
|
66 |
}, |
|
67 |
{ |
|
68 |
path: 'virtualScroll', |
|
69 |
name: 'VirtualScrollDemo', |
|
70 |
component: () => import('/@/views/demo/comp/scroll/VirtualScroll.vue'), |
|
71 |
meta: { |
|
72 |
title: '虚拟滚动', |
|
73 |
}, |
|
74 |
}, |
|
75 |
], |
|
76 |
}, |
|
77 |
|
|
78 |
{ |
|
79 |
path: '/modal', |
|
80 |
name: 'ModalDemo', |
|
81 |
component: () => import('/@/views/demo/comp/modal/index.vue'), |
|
82 |
meta: { |
|
83 |
title: '弹窗扩展', |
|
84 |
}, |
|
85 |
}, |
|
86 |
{ |
|
87 |
path: '/drawer', |
|
88 |
name: 'DrawerDemo', |
|
89 |
component: () => import('/@/views/demo/comp/drawer/index.vue'), |
|
90 |
meta: { |
|
91 |
title: '抽屉扩展', |
|
92 |
}, |
|
93 |
}, |
|
94 |
{ |
|
95 |
path: '/desc', |
|
96 |
name: 'DescDemo', |
|
97 |
component: () => import('/@/views/demo/comp/desc/index.vue'), |
|
98 |
meta: { |
|
99 |
title: '详情组件', |
|
100 |
}, |
|
101 |
}, |
0f4b84
|
102 |
|
fdeaa0
|
103 |
{ |
V |
104 |
path: '/lazy', |
|
105 |
name: 'lazyDemo', |
0f4b84
|
106 |
redirect: '/comp/lazy/basic', |
fdeaa0
|
107 |
meta: { |
V |
108 |
title: '懒加载组件', |
|
109 |
}, |
0f4b84
|
110 |
children: [ |
V |
111 |
{ |
|
112 |
path: 'basic', |
|
113 |
name: 'BasicLazyDemo', |
|
114 |
component: () => import('/@/views/demo/comp/lazy/index.vue'), |
|
115 |
meta: { |
|
116 |
title: '基础示例', |
|
117 |
}, |
|
118 |
}, |
|
119 |
{ |
|
120 |
path: 'transition', |
|
121 |
name: 'BasicTransitionDemo', |
|
122 |
component: () => import('/@/views/demo/comp/lazy/Transition.vue'), |
|
123 |
meta: { |
|
124 |
title: '动画效果', |
|
125 |
}, |
|
126 |
}, |
|
127 |
], |
fdeaa0
|
128 |
}, |
2f6253
|
129 |
{ |
陈 |
130 |
path: '/verify', |
|
131 |
name: 'VerifyDemo', |
|
132 |
redirect: '/comp/verify/drag', |
|
133 |
meta: { |
|
134 |
title: '验证组件', |
|
135 |
}, |
|
136 |
children: [ |
|
137 |
{ |
|
138 |
path: 'drag', |
|
139 |
name: 'VerifyDragDemo', |
|
140 |
component: () => import('/@/views/demo/comp/verify/index.vue'), |
|
141 |
meta: { |
|
142 |
title: '拖拽校验', |
|
143 |
}, |
|
144 |
}, |
|
145 |
{ |
|
146 |
path: 'rotate', |
|
147 |
name: 'VerifyRotateDemo', |
|
148 |
component: () => import('/@/views/demo/comp/verify/Rotate.vue'), |
|
149 |
meta: { |
|
150 |
title: '图片还原', |
|
151 |
}, |
|
152 |
}, |
|
153 |
], |
|
154 |
}, |
|
155 |
// |
949db9
|
156 |
|
2f6253
|
157 |
{ |
陈 |
158 |
path: '/qrcode', |
|
159 |
name: 'QrCodeDemo', |
|
160 |
component: () => import('/@/views/demo/comp/qrcode/index.vue'), |
|
161 |
meta: { |
|
162 |
title: '二维码组件', |
|
163 |
}, |
|
164 |
}, |
|
165 |
{ |
|
166 |
path: '/strength-meter', |
|
167 |
name: 'StrengthMeterDemo', |
|
168 |
component: () => import('/@/views/demo/comp/strength-meter/index.vue'), |
|
169 |
meta: { |
|
170 |
title: '密码强度组件', |
|
171 |
}, |
|
172 |
}, |
746d4a
|
173 |
{ |
J |
174 |
path: '/upload', |
|
175 |
name: 'UploadDemo', |
|
176 |
component: () => import('/@/views/demo/comp/upload/index.vue'), |
|
177 |
meta: { |
|
178 |
title: '上传组件', |
|
179 |
}, |
|
180 |
}, |
2f6253
|
181 |
], |
陈 |
182 |
} as AppRouteModule; |