pbootcms模板通用分页代码及样式

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}

扫一扫，浏览关注本文