index.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @import '../style/var';
  2. .van-pagination {
  3. display: flex;
  4. font-size: @pagination-font-size;
  5. &__item,
  6. &__page-desc {
  7. display: flex;
  8. align-items: center;
  9. justify-content: center;
  10. }
  11. &__item {
  12. flex: 1;
  13. box-sizing: border-box;
  14. min-width: @pagination-item-width;
  15. height: @pagination-height;
  16. color: @pagination-item-default-color;
  17. background-color: @pagination-background-color;
  18. cursor: pointer;
  19. user-select: none;
  20. &:active {
  21. color: @white;
  22. background-color: @pagination-item-default-color;
  23. }
  24. &::after {
  25. border-width: @border-width-base 0 @border-width-base @border-width-base;
  26. }
  27. &:last-child::after {
  28. border-right-width: @border-width-base;
  29. }
  30. &--active {
  31. color: @white;
  32. background-color: @pagination-item-default-color;
  33. }
  34. }
  35. &__prev,
  36. &__next {
  37. padding: 0 @padding-base;
  38. cursor: pointer;
  39. }
  40. &__item--disabled {
  41. &,
  42. &:active {
  43. color: @pagination-item-disabled-color;
  44. background-color: @pagination-item-disabled-background-color;
  45. cursor: not-allowed;
  46. opacity: @pagination-disabled-opacity;
  47. }
  48. }
  49. &__page {
  50. flex-grow: 0;
  51. }
  52. &__page-desc {
  53. flex: 1;
  54. height: @pagination-height;
  55. color: @pagination-desc-color;
  56. }
  57. &--simple {
  58. .van-pagination__prev,
  59. .van-pagination__next {
  60. &::after {
  61. border-width: @border-width-base;
  62. }
  63. }
  64. }
  65. }