@include b(view-detabexpview) { // 分页头部样式 .ivu-tabs-nav .ivu-tabs-tab { font-size: getCssVar('font-size', 'medium'); } // 分页高度撑满,头部固定,内容区出滚动条 .#{bem('view-layout-content','body')} { > .ivu-tabs { height: 100%; // 分页margin-bottom清除 > .ivu-tabs-bar { margin-bottom: 0; } // 内容高度撑满除头部的区域 > .ivu-tabs-content { height: calc(100% - 39px); > .ivu-tabs-tabpane { height: 100%; overflow: auto; } } } } @include e(tab) { z-index: 1; } @include m(route) { // 分页高度自适应,分页内容区隐藏 .#{bem('view-layout-content','body')} { position: relative; > .ivu-tabs { height: auto; // 内容高度撑满除头部的区域 > .ivu-tabs-content { display: none; } } } @include e(route-content) { height: calc(100% - 39px); > .#{bem('view-layout')} { .#{bem('view-layout-header')} { position: absolute; top: -50px; right: 0; z-index: 500; width: auto; background-color: transparent; border: 0; .#{bem('view-layout-header-content', 'caption')} { display: none; } } } } } }