zhu-jiang-yi-yuan-mobile/es/components/table/index.less

南方医科大学珠江医院移动端

@import '../../index.less';
@import '~antd/es/style/themes/default.less';

@prefix: ~'@{mobile-prefix}-table';

.@{prefix} {
  .block-table {
    margin-top: 8px;

    .ant-table-thead {
      .ant-table-cell {
        border-right: 4px solid #ffffff;
        text-align: center;
      }
    }

    .ant-table-tbody {
      .ant-table-row {
        &:last-child {
          td {
            border-bottom: unset;
          }
        }

        .ant-table-cell {

          // 选择第二个元素
          &:nth-child(2) {
            color: @color-yellow;
            font-weight: bold;
          }
        }
      }
    }
  }
}

@media (max-width: 320px) {
  .@{prefix} {
    .ant-table {
      &.ant-table-small {

        .ant-table-thead,
        .ant-table-tbody {
          >tr {

            >th,
            >td {
              padding: 8px 2px;
            }
          }
        }
      }
    }
  }
}