github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-26 08:36:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: new layout sidebar nav with full header (#5270)

Browse Source
This commit is contained in:
Netfan
2024-12-31 00:30:15 +08:00
committed by GitHub
parent 376aad5d26
commit 2135cb8ece
8 changed files with 198 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/@core/ui-kit/layout-ui/src/hooks/use-layout.ts
View File

@@ -29,7 +29,11 @@ export function useLayout(props: VbenLayoutProps) {
/**
* 是否为混合导航模式
*/
const isMixedNav = computed(() => currentLayout.value === 'mixed-nav');
const isMixedNav = computed(
() =>
currentLayout.value === 'mixed-nav' ||
currentLayout.value === 'header-sidebar-nav',
);
/**
* 是否为头部混合模式

4
packages/@core/ui-kit/layout-ui/src/vben-layout.vue
View File

@@ -183,7 +183,8 @@ const isSideMode = computed(
currentLayout.value === 'mixed-nav' ||
currentLayout.value === 'sidebar-mixed-nav' ||
currentLayout.value === 'sidebar-nav' ||
currentLayout.value === 'header-mixed-nav',
currentLayout.value === 'header-mixed-nav' ||
currentLayout.value === 'header-sidebar-nav',
);
/**
@@ -215,6 +216,7 @@ const mainStyle = computed(() => {
headerFixed.value &&
currentLayout.value !== 'header-nav' &&
currentLayout.value !== 'mixed-nav' &&
currentLayout.value !== 'header-sidebar-nav' &&
showSidebar.value &&
!props.isMobile
) {