修复Main组件右侧顶部导航随页面滚动的bug
This commit is contained in:
parent
37870c63f0
commit
35f5974b29
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue