bixi/packages/core/table/style/index.less

企业级中后台前端解决方案

@import '../../style/index.less';
@default-color: rgba(0, 0, 0, 0.7);
@active-color: @bixi-blue;
@pagination-item-default-color: rgba(245, 248, 252, 1);
@pagination-item-active-color: rgba(132, 146, 166, 1);

.bixi-table {
  //.ant-table-thead > tr > th {
  //  background-color: rgba(245, 248, 252, 1);
  //}
  //
  //tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  //  background-color: rgba(241, 247, 255, 0.6);
  //}

  .ant-table-footer {
    position: relative;
    top: 17px;
    height: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border-top-width: 0;

    &::before {
      height: 0;
    }
  }

  a {
    &.bixi-col-operation {
      margin-right: 16px;
      &.bixi-col-operation-disabled {
        color: rgba(0, 0, 0, 0.25);
        cursor: not-allowed;
      }
    }

    //&.link {
    //  color: @default-color;
    //
    //  &:hover {
    //    color: @active-color
    //  }
    //}
  }

  //.ant-pagination-prev, .ant-pagination-next {
  //  .ant-pagination-item-link {
  //    border-color: @pagination-item-default-color;
  //    background-color: @pagination-item-default-color;
  //  }
  //}
  //
  //.ant-pagination-item {
  //  background-color: @pagination-item-default-color;
  //  border-color: @pagination-item-default-color;
  //
  //  &.ant-pagination-item-active {
  //    border-color: @pagination-item-default-color;
  //    background: @pagination-item-active-color;
  //
  //    a {
  //      color: rgba(255, 255, 255, 1);
  //
  //    }
  //  }
  //}
}

.bixi-col-status {
  display: inline-block;
  min-width: 78px;
  min-height: 26px;
  padding: 2px 11px;
  white-space: nowrap;
  text-align: center;
  border-radius: 13px;
}

.bixi-col-success-status:extend(.bixi-col-status) {
  color: @bixi-green;
  background-color: @bixi-green-lighter;
}

.bixi-col-processing-status:extend(.bixi-col-status) {
  color: @bixi-blue;
  background-color: @bixi-blue-lighter;
}

.bixi-col-error-status:extend(.bixi-col-status) {
  color: @bixi-red;
  background-color: @bixi-red-lighter;
}

.bixi-col-default-status:extend(.bixi-col-status) {
  color: @bixi-orange;
  background-color: @bixi-orange-lighter;
}

.bixi-col-stop-status:extend(.bixi-col-status) {
  color: @bixi-black-light;
  background-color: @bixi-gray-light;
}

.bixi-table-col-checkbox {
  display: block;
  text-align: center;
}