index.less 994 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @import '../style/var';
  2. .van-pagination {
  3. display: flex;
  4. text-align: center;
  5. line-height: 40px;
  6. font-size: 14px;
  7. &__item {
  8. flex: 1;
  9. color: @blue;
  10. height: 40px;
  11. min-width: 36px;
  12. background-color: @white;
  13. box-sizing: border-box;
  14. user-select: none;
  15. &:active {
  16. color: @white;
  17. background-color: @blue;
  18. }
  19. &::after {
  20. border-width: 1px 0 1px 1px;
  21. }
  22. &:last-child::after {
  23. border-right-width: 1px;
  24. }
  25. &--disabled,
  26. &--disabled:active {
  27. background-color: @background-color;
  28. color: @gray-darker;
  29. opacity: 0.6;
  30. }
  31. &--active {
  32. color: @white;
  33. background-color: @blue;
  34. }
  35. }
  36. &__prev,
  37. &__next {
  38. padding: 0 5px;
  39. }
  40. &__page {
  41. flex-grow: 0;
  42. }
  43. &__page-desc {
  44. flex: 1;
  45. height: 40px;
  46. color: @gray-darker;
  47. }
  48. &--simple {
  49. .van-pagination__prev,
  50. .van-pagination__next {
  51. &::after {
  52. border-width: 1px;
  53. }
  54. }
  55. }
  56. }