antd-mobile/es/pagination/style/index.less

基于 React 的移动设计规范实现

@import '../../style/themes/default';

@paginationPrefixCls: am-pagination;

.@{paginationPrefixCls} {
  &-wrap {
    font-size: @font-size-display-sm;
    color: @color-text-base;
    background: none;
    text-align: center;

    .active {
      color: @color-link;
    }

    &-btn {
      text-align: center;

      &-prev {
        text-align: left;
      }

      &-next {
        text-align: right;
      }
    }

    &-dot {
      display: inline-block;
      zoom: 1;

      > span {
        display: block;
        width: 16px;
        height: 16px;
        margin-right: @h-spacing-sm;
        border-radius: @radius-circle;
        background: @color-icon-base;
      }

      &-active {
        > span {
          background: #888;
        }
      }
    }
  }
}