lin-view-ui/lib/theme-chalk/pagination.css

vue components library

.lin-pagination{display:flex;flex-direction:row;align-items:center;font-size:14px}.lin-pagination-total{margin:0 5px;color:#606266}.lin-pagination-background .lin-pagination-item{color:#606266;background-color:#f4f4f5}.lin-pagination-background .lin-pagination-active{color:#fff;background-color:#409eff}.lin-pagination-background .lin-pagination-disabled{color:#c0c4cc;background-color:#f5f7fa}.lin-pagination-background .lin-pagination-icon{background-color:#f4f4f5}.lin-pagination-pager{display:flex;flex-direction:row;align-items:center;padding:0;list-style:none}.lin-pagination-item{position:relative;box-sizing:border-box;width:30px;height:28px;margin:0 5px;font-weight:700;line-height:28px;text-align:center;cursor:pointer;border-radius:2px}.lin-pagination-item:not(.lin-pagination-disabled):hover{color:#409eff}.lin-pagination-icon{position:absolute;top:0;left:0;box-sizing:border-box;display:none;width:30px;height:28px;font-size:12px;line-height:28px;color:#409eff;text-align:center;background-color:#fff}.lin-pagination-ellipsis:hover .lin-pagination-icon{display:block}.lin-pagination-active{color:#409eff}.lin-pagination-disabled{color:#c0c4cc;cursor:not-allowed}.lin-pagintaion-jumpe{display:flex;flex-direction:row;align-items:center;margin:0 5px}.lin-pagintaion-input{box-sizing:border-box;width:46px;height:28px;padding:0 3px;margin:0 5px;text-align:center;cursor:pointer;border:1px solid #dcdfe6;border-radius:4px;outline:0;transition:all .3s;-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.lin-pagintaion-input:hover{border-color:#bec4d1}.lin-pagintaion-input:focus{border-color:#409eff}.lin-pagintaion-input::-webkit-inner-spin-button,.lin-pagintaion-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}