改写uniapp微信小程序分页器插件uni-pagination 分页器样式源码

官网：

uni-pagination 分页器 - DCloud 插件市场Pagination 分页器组件，用于展示页码、请求数据等。https://ext.dcloud.net.cn/plugin?id=32

原效果：

 

插件原本的功能：只能切换上一页和下一页：无法选择每页的条数等

改造计划：

增加条数和跳转页数和选择每页条数

效果图：

完整组件代码：

使用方法：

	data() {
			return {
				taglist: '', //分类数据
				activeclass: '', //动态分类class
				BookListData: [], //图书列表页
				paginationObj: {
					current: 1, // 当前页
					size: 10, // 每页条数
					pages: 1, // 总页数
					total: 0 // 总条数
				},
}
}

	/**
			 * 每页展示条数改变事件
			 **/
			handleSizeChange(val) {
				this.paginationObj.size = val
				this.getInfoList();
				console.log(`每页 ${this.paginationObj.size} 条`);
			},
			/**
			 * 当前页改变事件
			 **/
			handleCurrentChange(val) {
				console.log('当前页改变事件--val??', val)
				this.paginationObj.current = val
				this.getInfoList();
			},
			/**
			 * 跳页
			 * @param val
			 */
			goPage(val) {
				this.handleCurrentChange(val)
			},