一段简单实用的Pbootcms页码显示样式代码,具体代码如下,需要的朋友可以试下:一段简单实用的Pbootcms页码显示样式代码,具体代码如下,需要的朋友可以试下: {pboot:if({page:rows}0)} div class="pagebar" div class="pagination" a class="page-item page-link hidden-sm" href="{page:index}" title="首页"首页/a a class="page-item page-link" href="{page:pre}" title="上一页
{pboot:if({page:rows}>0)}
<div class="pagebar">
<div class="pagination">
<a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
<a class="page-item page-link" href="{page:pre}" title="上一页">上一页</a>
<a class="page-item page-num-current" href="javascript:;" title="当前页">{page:current}</a>
<a class="page-item page-link" href="javascript:;" title="当前页/总页数">{page:current}/{page:count}</a>
<a class="page-item page-link" href="{page:next}" title="下一页">下一页</a>
<a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
</div>
</div>
{else}
<div class="tac text-secondary">本分类下无任何数据!</div>
{/pboot:if}
<style>
.pagebar .pagination{display:flex;justify-content:center;margin-top:10px}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:6px 8px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#4fc08d;border:1px solid #4fc08d}
.pagination a.page-num-current{color:#fff;background:#4fc08d;border:1px solid #4fc08d}
</style>
秀趣坊
一段简单实用的Pbootcms页码显示样式代码
最新VIP资源
猜你喜欢
- pbootcms解决提示:URL名称与模型URL名称冲突,请换一个名称的问题 2023-05-26
- PBOOTCMS栏目/列表标签序号数从第N个开始的办法 2023-03-30
- PbootCMS后台常用文件修改路径位置 2023-04-03
- pbootcms修改后台文章每页显示数量的修改办法 2023-05-15
- pbootcms系统对于mysql数据库备份的怎样安装? 2023-05-10
- Pbootcms留言“提交成功”的提示语怎么修改 2023-04-08
- 一段简单实用的Pbootcms页码显示样式代码 2023-05-10
- pbootcms网站自动清理runtime缓存方法 2023-05-26
- pbootcms为轮播图新增上传选项的办法 2023-03-18
- pbootcms网站百度site网址异常的解决办法 2023-03-20