vue-ant-patterns/lib/d-table/style/index.less

vue-ant-patterns

@import '../../style/themes/index.less';
@import '../../style/mixins/flex.less';

@depot-prefix-cls: ~'@{depot-prefix}-dTable';

.@{depot-prefix-cls} {
  .ant-table.ant-table-small {
    line-height: 1.4;
  }
  .ant-table.ant-table-middle {
    line-height: 1.7;
  }
  &-striped {
    .ant-table-thead > tr:nth-child(even) > th,
    .ant-table-tbody > tr:nth-child(even) > td {
      background-color: #fafafa; //此处是自己想用的颜色
    }
    //重写hover式样，否则被上面斑马线背景色替换，hover时不显示
    .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
    .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
    .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
    .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
      background: rgba(75, 88, 116, 0.2);
    }
  }
}