{pboot:if({page:rows}>0)}
|
在以上代码中，{page:numbar}标签表示生成数字条分页效果。执行以上代码后，就可以在网页底部看到数字条分页效果了。
数字条分页效果默认带有a链接标签和选中效果标签，数字标记的class名称为 page-num，当前页码标记的class名称为 page-num-current。
修改数字条分页样式
/* ----- 素材无忧网分页数字条效果 开始 ----- */
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 8px 12px;
margin: 0 5px;
border-radius: 3px;
}
.pagination span {
color: #333;
font-size: 14px;
padding: 8px 2px;
margin: 0 5px;
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;
}
/* ----- PB分页数字条效果 结束 ----- */
|
版权声明： 本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！联系QQ：76900276
转载请注明： PbootCMS实现数字条分页样式效果
