0.0.4 • Published 3 years ago
k-pagination v0.0.4
kPagination分页插件
纯js分页插件,压缩版本~4kb,样式可以自定义
demo
npm i k-pagination
import kPagination from 'k-pagination'
使用方法
<div id="pagination"></div>
<script src="kPagination.min.js"></script>
<script>
new kPagination({
id: 'pagination',
currentPage: 1, // 当前页
totalPage: 20,
offset: 5,
showPrev: true,
showNext: true,
});
</script>
配置项
选项 | 类型 | 说明 |
---|---|---|
offset | number | 可以显示的按钮个数 |
showPrev | boolean | 是否显示上一页按钮 |
showNext | boolean | 是否显示下一页按钮 |
jumpPage | boolean | 是否显示跳转输入框 |
jumpText | string | 跳转按钮的文字 |
pageChange | function | 页面触发回调 |
afterRefresh | function | 重新渲染成功回调 |
可选样式
选项 | 说明 |
---|---|
k-pagination-num-wrap | 分页容器样式 |
k-pagination-input-wrap | 按钮容器样式 |
k-pagination-num | 页码样式 |
k-pagination-num-active | 激活样式 |
k-pagination-disabled | 禁止样式 |
k-pagination-num-input | 输入框样式 |
k-pagination-jump-btn | 跳转按钮样式 |
k-pagination-jump-dot | 省略号样式 |