From f777920f896dd67d649160950e850293feffa2e2 Mon Sep 17 00:00:00 2001
From: chenghongxing <1126263215@qq.com>
Date: Mon, 24 Aug 2020 15:56:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20style=20problem=20caused=20by=20layout;?=
 =?UTF-8?q?=20=E4=BF=AE=E5=A4=8D=EF=BC=9A=E5=B8=83=E5=B1=80=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=AF=BC=E8=87=B4=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu/index.less | 2 +-
 src/components/tool/Drawer.vue | 4 ++--
 src/layouts/AdminLayout.vue    | 5 ++---
 src/layouts/header/index.less  | 2 +-
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/menu/index.less b/src/components/menu/index.less
index 856b376..7674fcf 100644
--- a/src/components/menu/index.less
+++ b/src/components/menu/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;
diff --git a/src/components/tool/Drawer.vue b/src/components/tool/Drawer.vue
index f3810e9..9805de4 100644
--- a/src/components/tool/Drawer.vue
+++ b/src/components/tool/Drawer.vue
@@ -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{
diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
index 71ae0ed..18894c2 100644
--- a/src/layouts/AdminLayout.vue
+++ b/src/layouts/AdminLayout.vue
@@ -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{
diff --git a/src/layouts/header/index.less b/src/layouts/header/index.less
index ad60faf..443f030 100644
--- a/src/layouts/header/index.less
+++ b/src/layouts/header/index.less
@@ -1,6 +1,6 @@
 .admin-header{
   padding: 0;
-  z-index: 2;
+  z-index: 1099;
   box-shadow: @shadow-down;
   position: relative;
   background: @base-bg-color;