修复Main组件右侧顶部导航随页面滚动的bug

This commit is contained in:
zhigang.li 2018-08-09 13:37:09 +08:00
parent 37870c63f0
commit 35f5974b29
2 changed files with 16 additions and 3 deletions

View File

@ -12,6 +12,17 @@
.header-con{
background: #fff;
padding: 0 20px;
position: 'fixed';
width: '100%';
}
.main-layout-con{
height: 100%;
overflow: hidden;
}
.main-content-con{
margin-top: 64px;
height: ~"calc(100% - 60px)";
overflow: hidden;
}
.tag-nav-wrapper{
padding: 0;
@ -20,7 +31,9 @@
overflow: hidden;
}
.content-wrapper{
padding: 24px;
padding: 18px;
height: ~"calc(100% - 80px)";
overflow: auto;
}
.left-sider{
.ivu-layout-sider-children{

View File

@ -17,8 +17,8 @@
<fullscreen v-model="isFullscreen" style="margin-right: 10px;"/>
</header-bar>
</Header>
<Content>
<Layout>
<Content class="main-content-con">
<Layout class="main-layout-con">
<div class="tag-nav-wrapper">
<tags-nav :value="$route" @input="handleClick" :list="tagNavList" @on-close="handleCloseTag"/>
</div>