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

vue-ant-patterns

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* 
命名规则, 三部分 className
.flex-侧轴
.flex-主轴
.flex-侧轴-主轴
*/
.depot-pagination-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0px;
      flex-basis: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  /* &-header {
  }
  &-content {
  }
  &-footer {
  } */
}
.depot-pagination-box .ant-table-wrapper,
.depot-pagination-box .ant-spin-nested-loading,
.depot-pagination-box .ant-spin-nested-loading .depot-pagination-box .ant-spin-container,
.depot-pagination-box .ant-spin-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0px;
      flex-basis: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.depot-pagination-box .ant-table-body,
.depot-pagination-box .ant-table,
.depot-pagination-box .ant-table-content,
.depot-pagination-box .ant-table-scroll {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0px;
      flex-basis: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  scroll-behavior: auto;
}
.depot-pagination-box .ant-table-fixed-left,
.depot-pagination-box .ant-table-fixed-right {
  bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0px;
      flex-basis: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*  .ant-table-header {
    } */
}
.depot-pagination-box .ant-table-fixed-left .ant-table-body-outer,
.depot-pagination-box .ant-table-fixed-right .ant-table-body-outer,
.depot-pagination-box .ant-table-fixed-left .ant-table-body-inner,
.depot-pagination-box .ant-table-fixed-right .ant-table-body-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0px;
      flex-basis: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.depot-pagination-box .pos {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.depot-pagination-box .h100 {
  height: 100%;
  overflow: hidden;
}
.depot-pagination-box .ant-spin-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.depot-pagination-box .ant-table-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.depot-pagination-box-content {
  overflow: hidden;
  position: relative;
}
.depot-pagination-box-scroll {
  overflow: hidden;
}
.depot-pagination-box-scroll .depot-pagination-box-content {
  overflow-y: scroll;
  overflow-x: hidden;
}
.depot-pagination-box-scroll-sub .depot-pagination-box-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 16px 0;
}
.depot-pagination-box .ant-table-empty .ant-table-body {
  display: none;
}