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}
转载请注明： 织梦模板 » pbootcms模板通用分页代码及样式
