pbootcms模板分頁條樣式：

.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;

}

pbootcms模板分頁條代碼：

{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}”>INDEX</a>

<a class=”page-item page-link” href=”{page:pre}”>PRE</a>

{page:numbar}<!– 數字條，小屏幕時自動隱藏–>

<a class=”page-item page-link” href=”{page:next}”>NEXT</a>

<a class=”page-item page-link” href=”{page:last}”>LAST</a>

</div>

</nav>

{else}

<div class=”text-center my-5 text-secondary”>NO DATA！</div>

{/pboot:if}

掃一掃，瀏覽關注本文