fix: sider z-index 100->99

ycl053382 · Mar 26, 2022 · 2dbde99 · 2dbde99
1 parent 0f105eb
commit 2dbde99
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/pro-layout/examples/layouts/BasicLayout.vue b/packages/pro-layout/examples/layouts/BasicLayout.vue
@@ -4,10 +4,10 @@
     v-model:selectedKeys="baseState.selectedKeys"
     v-model:openKeys="baseState.openKeys"
     v-bind="state"
-    disable-content-margin
-    style="height: 100vh"
     :loading="loading"
     :breadcrumb="{ routes: breadcrumb }"
+    disable-content-margin
+    style="height: 100vh"
     iconfont-url="//at.alicdn.com/t/font_2804900_nzigh7z84gc.js"
   >
     <template #menuHeaderRender>

diff --git a/packages/pro-layout/examples/views/NestedLayout.vue b/packages/pro-layout/examples/views/NestedLayout.vue
@@ -1,10 +1,11 @@
 <template>
   <pro-layout
     nav-theme="light"
+    layout="mix"
     :header-render="false"
+    :fix-siderbar="true"
     :split-menus="false"
     :sider-width="160"
-    :menu-header-render="false"
     :menu-data="menuData"
   >
     <p>11111111111111sfnuisdfbui</p>

diff --git a/packages/pro-layout/src/components/SiderMenu/index.less b/packages/pro-layout/src/components/SiderMenu/index.less
@@ -112,7 +112,7 @@
     position: fixed;
     top: 0;
     left: 0;
-    z-index: 100;
+    z-index: 99; // react pro-components: z-index: 100;
     height: 100%;
     overflow: auto;
     overflow-x: hidden;