refactor(projects): 优化路由导入页面写法,页面路由调整

This commit is contained in:
Soybean
2021-11-28 12:19:00 +08:00
parent d683894beb
commit 0b10b5056e
36 changed files with 303 additions and 197 deletions

View File

@ -1,84 +1,40 @@
import type { RouteRecordRaw } from 'vue-router';
import { BasicLayout } from '@/layouts';
import ComponentMap from '@/views/component/map/index.vue';
import ComponentVideo from '@/views/component/video/index.vue';
import EditorQuill from '@/views/component/editor/quill/index.vue';
import EditorMarkdown from '@/views/component/editor/markdown/index.vue';
import ComponentSwiper from '@/views/component/swiper/index.vue';
import { ComponentButton, ComponentCard } from '@/views';
import { routeName, routePath, routeTitle } from '../constant';
const COMPONENT: RouteRecordRaw = {
const component: RouteRecordRaw = {
name: routeName('component'),
path: routePath('component'),
component: BasicLayout,
redirect: { name: routeName('component_map') },
redirect: { name: routeName('component_button') },
meta: {
requiresAuth: true,
title: routeTitle('component'),
icon: 'fluent:app-store-24-regular',
order: 3
order: 4
},
children: [
{
name: routeName('component_map'),
path: routePath('component_map'),
component: ComponentMap,
name: routeName('component_button'),
path: routePath('component_button'),
component: ComponentButton,
meta: {
title: routeTitle('component_button'),
requiresAuth: true,
title: routeTitle('component_map'),
fullPage: true
keepAlive: true
}
},
{
name: routeName('component_video'),
path: routePath('component_video'),
component: ComponentVideo,
name: routeName('component_card'),
path: routePath('component_card'),
component: ComponentCard,
meta: {
title: routeTitle('component_card'),
requiresAuth: true,
title: routeTitle('component_video'),
fullPage: true
}
},
{
name: routeName('component_editor'),
path: routePath('component_editor'),
redirect: { name: routeName('component_editor_quill') },
meta: {
title: routeTitle('component_editor')
},
children: [
{
name: routeName('component_editor_quill'),
path: routePath('component_editor_quill'),
component: EditorQuill,
meta: {
requiresAuth: true,
title: routeTitle('component_editor_quill'),
fullPage: true
}
},
{
name: routeName('component_editor_markdown'),
path: routePath('component_editor_markdown'),
component: EditorMarkdown,
meta: {
requiresAuth: true,
title: routeTitle('component_editor_markdown'),
fullPage: true
}
}
]
},
{
name: routeName('component_swiper'),
path: routePath('component_swiper'),
component: ComponentSwiper,
meta: {
requiresAuth: true,
title: routeTitle('component_swiper')
keepAlive: true
}
}
]
};
export default COMPONENT;
export default component;