fix(projects): 修复页面切换时导致的溢出滚动条

This commit is contained in:
Soybean
2022-05-10 23:22:24 +08:00
parent a0c405dadd
commit e0233061d3
6 changed files with 104 additions and 82 deletions

View File

@ -10,6 +10,7 @@
:sider-width="siderWidth"
:sider-collapsed-width="siderCollapsedWidth"
:sider-collapse="app.siderCollapse"
:add-main-overflow-hidden="addMainOverflowHidden"
:fixed-footer="theme.footer.fixed"
>
<template #header>
@ -21,7 +22,7 @@
<template #sider>
<global-sider />
</template>
<global-content />
<global-content @hide-main-overflow="setAddMainOverflowHidden" />
<template #footer>
<global-footer />
</template>
@ -33,11 +34,14 @@
import AdminLayout from '@soybeanjs/vue-admin-layout';
import { useAppStore, useThemeStore } from '@/store';
import { useBasicLayout } from '@/composables';
import { useBoolean } from '@/hooks';
import { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter } from '../common';
const app = useAppStore();
const theme = useThemeStore();
const { mode, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = useBasicLayout();
const { bool: addMainOverflowHidden, setBool: setAddMainOverflowHidden } = useBoolean();
</script>
<style scoped></style>