界面
This commit is contained in:
19
schoolNewsWeb/src/layouts/RoutePlaceholder.vue
Normal file
19
schoolNewsWeb/src/layouts/RoutePlaceholder.vue
Normal file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div class="route-placeholder">
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// 路由占位组件,用于没有实际组件的路由节点
|
||||
// 仅作为 router-view 的容器,不影响布局样式
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.route-placeholder {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -19,6 +19,7 @@
|
||||
|
||||
<!-- 导航菜单 -->
|
||||
<nav class="sidebar-nav">
|
||||
<ChangeHome />
|
||||
<MenuSidebar
|
||||
:menus="sidebarMenus"
|
||||
:collapsed="false"
|
||||
@@ -49,7 +50,7 @@ import { useRoute, useRouter } from 'vue-router';
|
||||
import { useStore } from 'vuex';
|
||||
import type { SysMenu } from '@/types';
|
||||
import { MenuType } from '@/types/enums';
|
||||
import { MenuSidebar } from '@/components';
|
||||
import { MenuSidebar, ChangeHome } from '@/components';
|
||||
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
@@ -214,7 +215,7 @@ function handleMenuClick(menu: SysMenu) {
|
||||
overflow-y: auto;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
|
||||
widows: 100vw;
|
||||
// 美化滚动条
|
||||
&::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
|
||||
Reference in New Issue
Block a user