一段简单实用的Pbootcms页码显示样式代码
发布时间：2023-06-20 16:32:34
作者：五色时光_多城市分站站群系统
来源：本站
浏览量（44023）
点赞（8253）
摘要：一段简单实用的Pbootcms页码显示样式代码，具体代码如下，需要的朋友可以试下：{pboot:if({page:rows}>0)}<divclass="pagebar"><divclass="pagination"><aclass="page-item&
一段简单实用的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="上一页">上一页</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>扫一扫，关注我们
声明：如文章未标注出处，则均来自于互联网，标注出处例外；转载此文章须经作者同意，并请附上出处【五色时光_多城市分站站群系统】及本页链接。如内容、图片有任何版权问题，请联系我们进行处理：邮箱：ceo@ceccz.com。
8253
