tab-exp-view.scss 1.4 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12
@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清除
13
      > .ivu-tabs-bar {
14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
        margin-bottom: 0;
      }

      // 内容高度撑满除头部的区域
      > .ivu-tabs-content {
        height: calc(100% - 39px);

        > .ivu-tabs-tabpane {
          height: 100%;
          overflow: auto;
        }
      }
    }
  }

29
  @include e(tab) {
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
    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;
55
          z-index: 500;
56 57
          width: auto;
          background-color: transparent;
58 59 60 61 62 63 64 65 66
          border: 0;
          .#{bem('view-layout-header-content', 'caption')} {
            display: none;
          }
        }
      }
    }
  }
}