第一步：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分页条 ----- */ |
02 |
.pagebar .pagination { |
04 |
justify-content: center; |
09 |
border: 1px solid #ccc; |
18 |
border: 1px solid #4fc08d; |
20 |
.pagination a.page-num-current { |
23 |
border: 1px solid #4fc08d; |
|
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
喜欢就支持一下吧
主要内容包括：选品、运营、基础、付费推广、爆款案例、活动策划、最新打法获取流量等。
社恐模拟来电2是一款独具特色的模拟来电软件，帮你轻松应对各种社交场合！可以模拟各种吓人的来电，无论您想要解决社交场合上的尴尬局面，还是打算偷偷录制恶作剧视频以娱乐朋友，都可以通过该...
安全wifi热点，无忧一键连接。无论身处何地，只要打开APP，看到分享热点，点击连接即可放心上网。还有速度监测、网速提升功能，让你可以更快更好的安全上网。
该课程为AI获客速成教程，重点讲解如何利用deepseek等AI工具制作各类图文、视频内容，包括静态/动态图片生成、对口型唱歌视频、动画制作、老照片修复等实用技能，同时涵盖2025年AI获客新趋势如...
# 🌟 炫酷简约个人主页 一个现代化设计的个人主页，采用白色简约主题，集成丰富的背景特效和交互动画。 ## ✨ 特性
适合内容平台玩家、跨境电商从业者、自由职业者、职场打工人、工厂型玩家。帮助你稳入局、搞流量、打爆款。
二次元导航网站源码帝国cms模板源码帝国二次元导航新闻下载源码
今天给大家带来个新鲜事儿，一个挺火的项目，大家都在悄悄赚钱，我今天就来给大家扒一扒，操作超简单，就是复制粘贴的事儿。
一款集合了多种实用工具的软件APP，提供了包括文档管理、文件处理在内的多种功能，旨在提高用户的工作效率和便。此外，还可能包含其他类型的工具，如日常工具、图处理工具等，能够满足用户在不...
暂无评论内容