index.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. }