perf: 样式调整
This commit is contained in:
@ -61,7 +61,7 @@ provide('toggleDrawerMenu', () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<a-layout :class="['layout', { mobile: appStore.hideMenu }]">
|
||||
<a-layout :class="['layout', { mobile: appStore.hideMenu }]" class="h-100vh flex flex-col w-full">
|
||||
<JoinModal v-model:visible="joinEnterpriseVisible" ref="joinModalRef" />
|
||||
<div v-if="navbar" class="layout-navbar">
|
||||
<base-navbar />
|
||||
@ -98,7 +98,7 @@ provide('toggleDrawerMenu', () => {
|
||||
<a-layout class="layout-content" :style="paddingStyle">
|
||||
<base-tab-bar v-if="appStore.tabBar" />
|
||||
<a-layout-content class="px-5 py-5">
|
||||
<base-breadcrumb />
|
||||
<!-- <base-breadcrumb /> -->
|
||||
<layout-page />
|
||||
</a-layout-content>
|
||||
</a-layout>
|
||||
@ -111,15 +111,11 @@ provide('toggleDrawerMenu', () => {
|
||||
$nav-size-height: 72px;
|
||||
$layout-max-width: 1100px;
|
||||
|
||||
.layout {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.layout-navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
height: $nav-size-height;
|
||||
}
|
||||
@ -168,7 +164,7 @@ $layout-max-width: 1100px;
|
||||
}
|
||||
.layout-content {
|
||||
min-width: 1366px;
|
||||
min-height: 100vh;
|
||||
height: 100%;
|
||||
overflow-y: hidden;
|
||||
background-color: $color-background;
|
||||
transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
||||
|
||||
Reference in New Issue
Block a user