上一篇我们提到: pboot:list标签中调用tag标签:{pboot:tags id=[list:id]}<a href=”[tags:link]”>[tags:text]</a>{/pboot:tags}pbootcms内容页模板中调用tag标签:{pboot:tags id={content:id}}<a href=”[tags:link]”>[tags:text]</a>{/pboot:tags}
接下来我们进入今天的正文: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}
扫一扫,浏览关注本文
成都印刷网站建设,成都印刷厂网站设计,成都画册印刷网站制作,成都画册制作网站建设,成都印刷厂家网站建设,四川印刷网站建设,四川···
金鹿凯斯服饰/服装网站建设以html5响应式一体化设计制作,手机端自动响应,高端大气上次,关键词:成都职业装网站建设,成都职业装···
天翊装饰公司网站以html5响应式一体化设计制作,高端大气上次,关键词:装修公司网站建设,装饰公司网站建设,成都装修公司网站建···
功夫蚂蚁是一家专注于麻辣烫,火锅,串串香行业的优质餐饮连锁加盟公司。提供火锅串串香加盟免费指导、火锅加盟店选址等,让您在加盟···
网站以HTML5制作,pc+wap网站制作自动跳转。关键词:五菱观光车网站建设,五菱巡逻车网站建设,封闭电动巡逻车网站建设,封闭电动观···
实力让我们引领行业为您锁住健康,让食品更安全,让生活更健康!成都市都江堰市蜀丰食品包装有限公司成立于2014年初,是一家集研···
扫码访问手机网站
版权所有 Copyright © 2007-2024 四川冠辰科技开发有限公司 川公安网备案:51010602001006号
地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903 蜀ICP备11012605号-1
始于2007年,十五年品牌网站建设,值得信赖!