test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 2.72 kB
CSS
.nut-pagination{display:flex;justify-content:center;align-items:center;font-size:var(--nutui-pagination-font-size, 14px);color:var(--nutui-pagination-color, var(--nsui-gray-color-8, #595959));min-height:var(--nutui-pagination-min-height, 50px);background-color:var(--nutui-pagination-background-color, var(--nsui-white-color-1, #FFFFFF))}.nut-pagination--simple{color:var(--nutui-pagination-simple-color, var(--nsui-gray-color-9, #262626))}.nut-pagination--simple .nut-pagination__contain{flex:1;justify-content:center}.nut-pagination__contain{display:flex}.nut-pagination__contain--simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination__contain--simple-symbol{padding:var(--nutui-pagination-simple-symbol-padding, 0px 2px)}.nut-pagination__contain--simple-highlight{color:var(--nutui-pagination-simple-active-color, var(--nsui-brand-color-guide, #2C68FF))}.nut-pagination__total-text{color:var(--nutui-pagination-total-text-color, var(--nsui-gray-color-8, #595959));font-size:var(--nutui-pagination-total-text-font-size, 14px)}.nut-pagination .nut-pagination__item+.nut-pagination__item{margin-left:var(--nutui-pagination-item-margin-left, 4px)}.nut-pagination__prev,.nut-pagination__item,.nut-pagination__next{min-width:var(--nutui-pagination-item-width, 32px);height:var(--nutui-pagination-item-height, 32px);flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--nutui-pagination-item-background, var(--nsui-white-color-1, #FFFFFF));border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #D9D9D9);cursor:pointer}.nut-pagination__prev,.nut-pagination__next{padding:var(--nutui-pagination-prev-next-padding, 0px 0px);margin:var(--nutui-pagination-prev-next-margin, 0 4px)}.nut-pagination .active{color:var(--nutui-pagination-active-color, var(--nsui-white-color-1, #FFFFFF));border:none;background:var(--nutui-pagination-active-background-color, var(--nsui-brand-color-guide, #2C68FF))}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nsui-gray-color-4, #E5E5E5));background-color:var(--nutui-pagination-disable-background-color, var(--nsui-white-color-1, #FFFFFF));border-color:var(--nutui-pagination-item-border-disabled-color, var(--nsui-gray-color-4, #E5E5E5));cursor:not-allowed}.nut-pagination .disabled-hidden{visibility:hidden}.nut-pagination__prev--simple,.nut-pagination__next--simple{flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--nutui-pagination-simple-prev-next-padding, 0px 16px);height:var(--nutui-pagination-min-height, 50px)}