來個示範
<!-- 分頁 -->
{pboot:if({page:rows}>0)}
<nav aria-label="page navigation" class="my-4">
<div class="pagination justify-content-center">
<a class="page-item page-link" href="{page:index}">首頁</a>
<a class="page-item page-link" href="{page:pre}">上一頁</a>
{page:numbar}<!-- 數字條,小屏幕時自動隱藏-->
<a class="page-item page-link" href="{page:next}">下一頁</a>
<a class="page-item page-link" href="{page:last}">尾頁</a>
</div>
</nav>
{else}
<div class="text-center my-5 text-secondary">未查詢到任何數據!</div>
{/pboot:if}分頁條標籤
適用範圍:分頁條標籤適用所有執行了分頁的頁面
標籤作用:用於輸出分頁代碼
1、分頁條標籤
{page:bar} 系統內置的完整分頁條
{page:current} 當前頁碼
{page:count} 總頁數
{page:rows} 總數據行數
{page:index} 首頁鏈接
{page:pre} 前一頁鏈接
{page:next} 下一頁鏈接
{page:last} 尾頁鏈接
{page:status} 分頁狀態信息
{page:numbar} 數字條,數字帶class名稱爲page-num,當前的同時還帶page-num-current
{page:selectbar} 下拉選擇條
2、分頁條自帶的HTML樣式class名稱
狀態:page-status
首頁:page-index
上一頁:page-pre
下一頁:page-next
尾頁:page-last
數字條:page-numbar ,數字條下面的數字:page-num ,如果是當前頁,那麼該數字還同時帶有:page-num-current
下拉條:page-select (默認條已經不顯示)
如果使用系統完整分頁條,則以上樣式名稱在輸出的HTML代碼中都帶,你可以直接使用對應名稱在自己的css中定義具體樣式即可;
如果使用自定義方式,那麼就按照自己寫的html代碼來定義,但是數字條下面的page-num 、page-num-current依然有效。
當然,如果你對前端還算比較上手,你應該知道其實上面說的這些通過F12都可以看到。