一段簡單實用的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="當前頁/總頁數(shù)">{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">本分類下無任何數(shù)據(jù)！</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>
|
