| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 | 
							- @import '../style/var';
 
- .van-pagination {
 
-   display: flex;
 
-   font-size: @pagination-font-size;
 
-   &__item,
 
-   &__page-desc {
 
-     display: flex;
 
-     align-items: center;
 
-     justify-content: center;
 
-   }
 
-   &__item {
 
-     flex: 1;
 
-     box-sizing: border-box;
 
-     min-width: @pagination-item-width;
 
-     height: @pagination-height;
 
-     color: @pagination-item-default-color;
 
-     background-color: @pagination-background-color;
 
-     cursor: pointer;
 
-     user-select: none;
 
-     &:active {
 
-       color: @white;
 
-       background-color: @pagination-item-default-color;
 
-     }
 
-     &::after {
 
-       border-width: @border-width-base 0 @border-width-base @border-width-base;
 
-     }
 
-     &:last-child::after {
 
-       border-right-width: @border-width-base;
 
-     }
 
-     &--active {
 
-       color: @white;
 
-       background-color: @pagination-item-default-color;
 
-     }
 
-   }
 
-   &__prev,
 
-   &__next {
 
-     padding: 0 @padding-base;
 
-     cursor: pointer;
 
-   }
 
-   &__item--disabled {
 
-     &,
 
-     &:active {
 
-       color: @pagination-item-disabled-color;
 
-       background-color: @pagination-item-disabled-background-color;
 
-       cursor: not-allowed;
 
-       opacity: @pagination-disabled-opacity;
 
-     }
 
-   }
 
-   &__page {
 
-     flex-grow: 0;
 
-   }
 
-   &__page-desc {
 
-     flex: 1;
 
-     height: @pagination-height;
 
-     color: @pagination-desc-color;
 
-   }
 
-   &--simple {
 
-     .van-pagination__prev,
 
-     .van-pagination__next {
 
-       &::after {
 
-         border-width: @border-width-base;
 
-       }
 
-     }
 
-   }
 
- }
 
 
  |