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{ .side-menu{
min-height: 100vh; min-height: 100vh;
overflow-y: auto; overflow-y: auto;
z-index: 10; z-index: 1100;
.logo{ .logo{
height: 64px; height: 64px;
position: relative; position: relative;

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

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

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

Loading…
Cancel
Save