第一步：PbootCMS
单页/总页数 分页条
效果显示上一页，下一页，首页，尾页，和当前页，以及当前页位于总页数的位置
这种
分页效果简洁明了，适合博客站和咨询站等网站使用
02 | {pboot:if({page:rows}>0)} |
04 | <div class="pagination"> |
05 | <a class="page-item page-link hidden-sm"href="{page:index}"title="首页">首页</a> |
06 | <a class="page-item page-link"href="{page:pre}"title="上一页">上一页</a> |
07 | <a class="page-item page-num-current"href="javascript:;"title="当前页">{page:current}</a> |
08 | <a class="page-item page-link"href="javascript:;"title="当前页/总页数">{page:current}/{page:count}</a> |
09 | <a class="page-item page-link"href="{page:next}"title="下一页">下一页</a> |
10 | <a class="page-item page-link hidden-sm"href="{page:last}"title="尾页">尾页</a> |
14 | <div class="tac text-secondary">本分类下无任何数据！</div> |
|
第二步：CSS样式代码
美化后的分页条效果
01 | /* ----- 通用PB分页条 ----- */ |
04 | justify-content: center; |
20 | .pagination a.page-num-current { |
|
郑重声明：
本站所有内容均由互联网收集整理、网友上传，并且以计算机技术研究交流为目的，仅供大家参考、学习，不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。
我们不承担任何技术及版权问题，且不对任何资源负法律责任。
如无法下载，联系站长索要。
如有侵犯您的版权，请给我们来信：admin@cniao8.com，我们尽快处理。
