fix: style problem caused by layout;

修复:布局调整导致的样式问题;
This commit is contained in:
chenghongxing 2020-08-24 15:56:08 +08:00
parent d0281e5707
commit f777920f89
4 changed files with 6 additions and 7 deletions

View File

@ -4,7 +4,7 @@
.side-menu{
min-height: 100vh;
overflow-y: auto;
z-index: 10;
z-index: 1100;
.logo{
height: 64px;
position: relative;

View File

@ -66,7 +66,7 @@ export default {
top: 0;
background-color: @shadow-color;
transition: all 0.5s;
z-index: 100;
z-index: 2000;
&.open{
display: inline-block;
}
@ -78,7 +78,7 @@ export default {
position: fixed;
transition: all 0.5s;
height: 100vh;
z-index: 100;
z-index: 2000;
&.left{
left: 0px;
&.open{

View File

@ -4,7 +4,7 @@
<side-menu :theme="theme.mode" :menuData="menuData" :collapsed="false" :collapsible="false" @menuSelect="onMenuSelect"/>
</drawer>
<side-menu :class="[fixedSideBar ? 'fixed-side' : '']" :theme="theme.mode" v-else-if="layout === 'side'" :menuData="menuData" :collapsed="collapsed" :collapsible="true" />
<div v-if="fixedSideBar" :style="`width: ${sideMenuWidth}`" class="virtual-side"></div>
<div v-if="fixedSideBar" :style="`width: ${sideMenuWidth}; min-width: ${sideMenuWidth};max-width: ${sideMenuWidth};`" class="virtual-side"></div>
<drawer v-if="!hideSetting" v-model="showSetting" placement="right">
<div class="setting" slot="handler">
<a-icon :type="showSetting ? 'close' : 'setting'"/>
@ -87,8 +87,7 @@ export default {
}
}
.virtual-side{
display: inline-block;
transition: width 0.2s;
transition: all 0.2s;
}
.admin-layout-main{
.admin-header{

View File

@ -1,6 +1,6 @@
.admin-header{
padding: 0;
z-index: 2;
z-index: 1099;
box-shadow: @shadow-down;
position: relative;
background: @base-bg-color;