fix: the problem z level of layout and components; 🐛

修复：布局和组件的层级问题；

src/components/menu/index.less

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

src/components/setting/Setting.vue

@@ -33,7 +33,12 @@
       <a-list :split="false">
         <a-list-item>
           {{$t('navigate.content.title')}}
-          <a-select :getPopupContainer="getPopupContainer" :dropdown-style="{zIndex: 2001}" size="small" :defaultValue="pageWidth" @change="setPageWidth" slot="actions" style="width: 80px">
+          <a-select
+            :getPopupContainer="getPopupContainer"
+            :value="pageWidth"
+            @change="setPageWidth"
+            class="select-item" size="small" slot="actions"
+          >
             <a-select-option value="fluid">{{$t('navigate.content.fluid')}}</a-select-option>
             <a-select-option value="fixed">{{$t('navigate.content.fixed')}}</a-select-option>
           </a-select>
@@ -77,7 +82,6 @@
           <a-select
             :value="animate.name"
             :getPopupContainer="getPopupContainer"
-            :dropdown-style="{zIndex: 2001}"
             @change="val => setAnimate({...animate, name: val})"
             class="select-item" size="small" slot="actions"
           >
@@ -89,7 +93,6 @@
           <a-select
             :value="animate.direction"
             :getPopupContainer="getPopupContainer"
-            :dropdown-style="{zIndex: 2001}"
             @change="val => setAnimate({...animate, direction: val})"
             class="select-item" size="small" slot="actions"
           >

src/components/tool/Drawer.vue

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

src/layouts/header/index.less

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