LingandRX
22d9be62c7
- 移除 App.vue 中的复杂布局结构，改为使用 RouterView - 新增 DefaultLayout.vue 和 LoginLayout.vue 组件用于不同页面布局 - 更新 CustomLogin.vue 样式，增加登录容器和背景图 -调整 main.css 中的样式，使页面宽度自适应
54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
import { createRouter, createWebHistory } from 'vue-router'
|
|
import AboutView from '@/views/AboutView.vue'
|
|
import ToolView from '@/views/ToolView.vue'
|
|
import NewsView from '@/views/NewsView.vue'
|
|
import DefaultLayout from '../layouts/DefaultLayout.vue'
|
|
import LoginLayout from '@/layouts/LoginLayout.vue'
|
|
import LoginView from '@/views/LoginView.vue'
|
|
import HomeView from '@/views/HomeView.vue'
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(import.meta.env.BASE_URL),
|
|
routes: [
|
|
{
|
|
path: '/',
|
|
component: DefaultLayout,
|
|
children: [
|
|
{
|
|
path: '',
|
|
name: 'Home',
|
|
component: HomeView
|
|
},
|
|
{
|
|
path: '/about',
|
|
name: 'about',
|
|
component: AboutView
|
|
},
|
|
{
|
|
path: '/tool',
|
|
name: 'tool',
|
|
component: ToolView
|
|
},
|
|
{
|
|
path: '/news',
|
|
name: 'news',
|
|
component: NewsView
|
|
}
|
|
]
|
|
},
|
|
{
|
|
path: '/login',
|
|
component: LoginLayout,
|
|
children: [
|
|
{
|
|
path: '',
|
|
name: 'Login',
|
|
component: LoginView
|
|
}
|
|
]
|
|
}
|
|
]
|
|
})
|
|
|
|
export default router
|