简单实用的Pbotcms页码显示样式代码
2024-09-20 00:59:03
{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> |