blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
修复：布局和组件的层级问题；
This commit is contained in:
iczer 2020-09-13 11:00:46 +08:00
parent 2848d13f0d
commit f17f8c64a1
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/menu/index.less
View File

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

9
src/components/setting/Setting.vue
View File

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

4
src/components/tool/Drawer.vue
View File

@ -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: 2000; z-index: 100;
&.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: 2000; z-index: 100;
&.left{ &.left{
left: 0px; left: 0px;
&.open{ &.open{

2
src/layouts/header/index.less
View File

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