第一步：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.0 重磅上线，全流程助力开启涨粉变现之路。导师手把手带你精准定位，依据平台特性打造吸睛账号形象。从爆款选题策划、脚本撰写，到拍摄剪...
AI写作宝是一款集智能写作、文章续写、关键词提取、伪原创重写等多功能于一体的AI写作助手工具，专为写作爱好者、自媒体创作者、学生群体与内容工作者量身打造。用户只需输入一个主题、标题或部...
MEShot是一款简单的桌面窗口截图工具，可以直接截取当前活动的窗口图片，也可以带水印截图，支持截图阴影，支持快捷键。MEShot 只截图窗口，完全不用考虑窗口后的背景或者其它窗口，不用手动圈...
Impreza是一款WordPress主题，自带有页面构建功能。 快速简单的演示安装程序 可视化拖放生成器 300 多个预制网页设计 200 多个强大而简单的主题选项 市场上最强大的标头生成器 市场上最强大的网...
主要特点包括：视觉风格：使用深色背景配合金色和红色元素，营造高端且富有吸引力的视觉效果，突出赚钱主题。 核心内容： 突出 “月赚 10 万” 的核心卖点 展示不同人群（个体户、工...
OncePower 是一款专为 Windows 平台设计的文件和文件夹批量重命名工具。它不仅支持基本的批量重命名功能，还提供了一些额外的实用功能，如批量删除空文件夹和批量移动文件。使用 OncePower，无...
流畅度非常丝滑，是一款完全免费的听歌神器 汇聚全网多平台曲库，拥有排行榜、热门推荐、搜索。无需会员，没有广告，免费听歌下歌，是一款非常纯净小巧但功能齐全的听歌神器。
01_第一章·第一节_小红书及其商业价值解读.mp4
暂无评论内容