百度分页栏,前5后4
设置分页栏开始位置start ,结束位置end
1、当点击前面1-5页,展示的是1-10页页码,即start = 1 ,end = 10;
2、当点击大于5页页码时,分页栏展示的页码与当前页码相关,当前页码(currentPage)左边展示5页,即start = currentPage - 5,右边展示4页,即end = currentPage + 4,总页数为10
3、当点击页码到最后总页数之间少于4页,则从最后一页往前展示10页,即end = 总页数,start = end - 10;
总的实现代码
//JavaScript代码
start = currentPage - 5;
end = currentPage + 4;
if(totalPage <= 10){
//如果分页总页数小于10则全部展示
start = 1;
end = data.totalPage;
}else{
if(start <= 0){
//如果是1-6页
start = 1;
end = 10;
}
if(end > data.totalPage){
end = data.totalPage;
start = end - 9;
}
}