十五年风雨路 · 一心铸精品

一个官网 留一件精品 做一个项目 树一块样板

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

上一篇我们提到: 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}

接下来我们进入今天的正文:
2023-02-14

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}


二维码

扫一扫,浏览关注本文

主营业务

  • 高端网站定制
  • SEO网站优化
  • 手机网站建设
  • 网站维护
  • 网页设计制作
  • 微信小程序开发

TAGS

随机案例

  • 新文必生印务、印刷网站建设、包装网站建设

    新文必生印务、印刷网站建设、包装网站建设

  • 婴之皇/孕婴/母婴连锁加盟/网站建设

    婴之皇/孕婴/母婴连锁加盟/网站建设

  • 阿杰美容美发培训网站建设

    阿杰美容美发培训网站建设

  • 高铁乘务/成都职业学校/四川高铁职业技术学校/网站建设

    高铁乘务/成都职业学校/四川高铁职业技术学校/···

  • 晋沙汇川服装定制网站建设

    晋沙汇川服装定制网站建设

  • 五菱电动观光车网站建设

    五菱电动观光车网站建设

  • 康伟管业/PP超静音排水管材/网站建设

    康伟管业/PP超静音排水管材/网站建设

  • 金鹿凯斯服饰/服装网站建设

    金鹿凯斯服饰/服装网站建设

案例展示 / CASE

功夫蚂蚁餐饮火锅加盟网站建设

功夫蚂蚁是一家专注于麻辣烫,火锅,串串香行业的优质餐饮连锁加盟公司。提供火锅串串香加盟免费指导、火锅加盟店选址等,让您在加盟···

查看详情

晋沙汇川服装定制网站建设

查看详情

阿杰美容美发培训网站建设

查看详情

天翊装饰网站建设

天翊装饰公司网站以html5响应式一体化设计制作,高端大气上次,关键词:装修公司网站建设,装饰公司网站建设,成都装修公司网站建···

查看详情

宏冠服饰网站建设

查看详情

高铁乘务/成都职业学校/四川高铁职业技术学校/网站建设

查看详情

修柏建筑幕墙工程网站建设

查看详情

伊卡璐服饰/服装网站建设​

网站以定制,订制服装网站建设为主的关键词,网站全新的以HTML5框架定制设计,整站目录清新明了,利于网站优化,搜索引擎蜘蛛爬行···

查看详情

明霆基础工程网站建设

查看详情

五菱电动观光车网站建设

网站以HTML5制作,pc+wap网站制作自动跳转。关键词:五菱观光车网站建设,五菱巡逻车网站建设,封闭电动巡逻车网站建设,封闭电动观···

查看详情

康伟管业/PP超静音排水管材/网站建设

查看详情

婴之皇/孕婴/母婴连锁加盟/网站建设

查看详情

联系我们 / CONTACT US

  • 四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903
  • 服务热线:18080432432  18080432432(微信同号)
  • 总机:028-62322623-0
  • QQ:3575114  107086147

扫码访问手机网站

版权所有 Copyright © 2007-2024 四川冠辰科技开发有限公司    川公安网备案:51010602001006号     

地址:四川省成都市金牛区五福桥东路229号龙湖北城天街28栋903  蜀ICP备11012605号-1

始于2007年,十五年品牌网站建设,值得信赖!  xml地图txt地图