2020-03-12

king

2020-03-12 1dfd49b103e721f9bb63fd4d472b6fcc225d94a1

 src/components/tabview/index.scss

@@ -2,51 +2,54 @@
  padding-top: 48px;
  max-width: calc(100% - 235px);
  transition: max-width 0.2s;
  .content-header {
  >.content-header {
    width: 100%;
    height: 100%;
    > .ant-tabs {
      > .ant-tabs-bar { // 去除标签页header与content之间的间隙
        margin-bottom: 0;
        .ant-tabs-tab {
          padding: 18px 16px 6px 6px;
          margin-right: 20px;
          cursor: default;
          span.tab-control i.anticon-close {
            position: absolute;
            right: -7px;
            top: 10px;
            font-size: 10px;
            margin: 0px;
            padding: 5px;
            cursor: pointer;
          }
          span.tab-control i.anticon-redo {
            position: absolute;
            left: -5px;
            top: 18px;
            font-size: 14px;
            margin: 0px;
            padding: 3px;
            cursor: pointer;
            display: none;
          }
          span.tab-name {
            cursor: pointer;
            padding: 6px 0px 6px 10px;
          }
        }
        .ant-tabs-tab-active.ant-tabs-tab {
          span.tab-name {
            cursor: default;
          }
        }
        .ant-tabs-tab-active.ant-tabs-tab:hover {
          span.tab-control i.anticon-redo {
            display: inline-block;
          }
        }
      }
    }
    .ant-tabs .ant-tabs-top-content.ant-tabs-content-animated {
      transition: margin-left 0s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
    .ant-tabs-bar { // 去除标签页header与content之间的间隙
      margin-bottom: 0;
    }
    .ant-tabs-tab {
      padding: 18px 16px 6px 6px;
      cursor: default;
      span.tab-control i.anticon-close {
        position: absolute;
        right: -7px;
        top: 10px;
        font-size: 10px;
        margin: 0px;
        padding: 5px;
        cursor: pointer;
      }
      span.tab-control i.anticon-redo {
        position: absolute;
        left: -5px;
        top: 18px;
        font-size: 14px;
        margin: 0px;
        padding: 3px;
        cursor: pointer;
        display: none;
      }
      span.tab-name {
        cursor: pointer;
        padding: 6px 0px 6px 10px;
      }
    }
    .ant-tabs-tab-active.ant-tabs-tab {
      span.tab-name {
        cursor: default;
      }
    }
    .ant-tabs-tab-active.ant-tabs-tab:hover {
      span.tab-control i.anticon-redo {
        display: inline-block;
      }
    }
    iframe {
      width: 100%;