perf: layout组件样式优化

This commit is contained in:
rd
2025-07-01 16:00:35 +08:00
parent 57e45d991e
commit bc5aea9457
3 changed files with 135 additions and 14 deletions

View File

@ -14,7 +14,7 @@ const route = useRoute();
console.log({ appStore });
useResponsive(true);
const navbarHeight = `60px`;
const navbarHeight = `72px`;
const navbar = computed(() => appStore.navbar);
const renderMenu = computed(() => appStore.menu && !appStore.topMenu);
const hideMenu = computed(() => appStore.hideMenu);
@ -74,7 +74,7 @@ provide('toggleDrawerMenu', () => {
breakpoint="xl"
:collapsed="collapsed"
:width="menuWidth"
:style="{ paddingTop: navbar ? '60px' : '' }"
:style="{ paddingTop: navbar ? '72px' : '' }"
collapsible
hide-trigger
@collapse="setCollapsed"
@ -107,7 +107,7 @@ provide('toggleDrawerMenu', () => {
</template>
<style scoped lang="less">
@nav-size-height: 60px;
@nav-size-height: 72px;
@layout-max-width: 1100px;
.layout {