第一步：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
喜欢就支持一下吧
在东京搭建多IP服务器时，需综合考虑法律合规性、服务商选择、技术配置、安全性及维护管理等因素。以下是详细的注意事项，主机推荐小编为您整理发布raksamart东京多ip服务器搭建注意事项。
专门为所有影视爱好者而准备的手机视频播放软件，目前这款软件为我们的用户提供了电影、电视剧、综艺、动漫、短剧等多种类型的影视资源，未来还会有更多其他类型的影视提供给我们的用户。我们可...
随机小姐姐视频源码（附接口） 支持多种分类请求，便于快速搭建和运行。
一个拥有N多热门表情包的App，一个集合了全球表情的App。 拥有100,000多个表情，提供海量表情素材，轻松制作斗图表情，聊天斗不停。斗图必备工具，支持发送各种表情。支持下载表情包到本地。开...
爱奇艺看图是一款纯净无广告的图片查看工具，支持66种图片格式，功能强大包括旋转、改尺寸、转格式等，安装包小巧且启动、打开图片速度快。最新更新优化了启动、图片操作和触摸板体验，并新增12...
在线智能 AI 文章伪原创工具 HTML 源码，是 SEO 内容优化实用资源！纯静态文件无需后台，支持 2000 字内文本伪原创，含字符计数、原创度评分、结果复制 / 下载等功能。采用科技感 UI 设计，响应...
多线程快速匹配：所有歌词匹配功能均采用多线程技术，实现自动搜索与极速精准匹配每一个歌词。 逐字歌词样式：绝大多数歌曲都能获取到逐字样式的歌词，精准同步到每个字。 多种格式支持：...
大屏幕互动系统源码，前端非常炫酷，功能也非常完善，可以用于公司年会或其他组织活动，功能比较多，可涵盖整个活动流程 测试环境：MySQL5.6，PHP7.4 功能：签到、3D签到、投票、幸运号码、幸运...
专为剪辑新手打造的实战资源宝库！「300G真实剪辑行业素材」合集，为您提供海量、高质量、可直接商用的练习材料，彻底告别“巧妇难为无米之炊”的困境。
暂无评论内容