fix: style problem caused by layout;

修复:布局调整导致的样式问题;
master
chenghongxing 5 years ago
parent d0281e5707
commit f777920f89
  1. 2
      src/components/menu/index.less
  2. 4
      src/components/tool/Drawer.vue
  3. 5
      src/layouts/AdminLayout.vue
  4. 2
      src/layouts/header/index.less

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

@ -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{

@ -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{

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

Loading…
Cancel
Save