vue-ant-patterns/es/d-pagination-box/style/index.less

vue-ant-patterns

@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';
@depot-prefix-cls: ~'@{depot-prefix}-pagination-box';

.@{depot-prefix-cls} {
  .flex-col;
  .flex-grow;
  .flex;
  position: relative;
  & .ant-table-wrapper,
  & .ant-spin-nested-loading,
  & .ant-spin-nested-loading & .ant-spin-container,
  & .ant-spin-container {
    .flex-col;
    .flex-grow;
    .flex;
    overflow: hidden;
  }
  .ant-table-body,
  .ant-table,
  .ant-table-content,
  .ant-table-scroll {
    .flex-col;
    .flex-grow;
    .flex;
    scroll-behavior: auto;
  }

  .ant-table-fixed-left,
  .ant-table-fixed-right {
    bottom: 0;
    .flex-col;
    .flex-grow;
    .flex;
    /*  .ant-table-header {
    } */
    .ant-table-body-outer,
    .ant-table-body-inner {
      .flex-col;
      .flex-grow;
      .flex;
    }
  }

  // 无数据样式
  // .ant-table-empty {
  //   .ant-table-placeholder{
  //     top: -60%;
  //     border-top: 0;
  //   }
  // }
  // .ant-table-header {
  //   min-height: @header-height - 17px !important;
  // }
  .pos {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .h100 {
    height: 100%;
    overflow: hidden;
  }

  // .ant-table.ant-table-fixed-header {
  //   // height: calc(~'100% - 64px');
  //   // overflow: hidden;

  //   // .ant-table-content {
  //   //   .h100;
  //   //   .ant-table-scroll {
  //   //     .h100;
  //   //   }
  //   //   .ant-table-body {
  //   //     max-height: calc(100% - 64px);
  //   //   }
  //   // }
  // }
  & .ant-spin-container {
    justify-content: space-between;
  }
  & .ant-table-pagination {
    .flex;
    .flex-center-end;
  }

  &-content {
    overflow: hidden;
    position: relative;
  }

  &-scroll {
    overflow: hidden;
    // & .ant-table-wrapper,
    // & .ant-spin-nested-loading,
    // & .ant-spin-container {
    //   .pos;
    // }
    // & .ant-table-wrapper,
    // & .ant-spin-nested-loading {
    //   .h100;
    // }

    // .ant-table.ant-table-fixed-header {
    //   height: calc(~'100% - @{header-height}');
    //   // overflow: hidden;

    //   .ant-table-content {
    //     .h100;
    //     .ant-table-scroll {
    //       .h100;
    //     }
    //     .ant-table-body {
    //       max-height: calc(~'100% - @{header-height}');
    //       height: calc(~'100% - @{header-height}');
    //     }
    //   }
    // }
    & .@{depot-prefix-cls}-content {
      overflow-y: scroll;
      overflow-x: hidden;
    }
  }
  /* &-header {
  }
  &-content {
  }
  &-footer {
  } */

  &-scroll-sub {
    & .@{depot-prefix-cls}-footer {
      position: absolute;
      left: 0;
      bottom: 0;
      margin: 16px 0;
    }
  }
  // 暂无数据的样式修改
  .ant-table-empty {
    .ant-table-body {
      display: none;
    }
  }
}