perf: layout组件样式优化
This commit is contained in:
@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user