+ 收藏我们

网站模板

网站模板搜索
404模板 营销型模板 外贸网站模板 单页模板 双语模板 标签大全

注册

一段简单实用的Pbootcms页码显示样式代码

AB模板网 / 2023-10-13
一段简单实用的Pbootcms页码显示样式代码,具体代码如下,需要的朋友可以试下:

{pboot:if({page:rows}>0)}
  <div class="pagebar">
    <div class="pagination">
      <a class="page-item page-link hidden-sm" href="{page:index}" title="首页">首页</a>
      <a class="page-item page-link" href="{page:pre}" title="上一页">上一页</a>
      <a class="page-item page-num-current" href="javascript:;" title="当前页">{page:current}</a>
      <a class="page-item page-link" href="javascript:;" title="当前页/总页数">{page:current}/{page:count}</a>
      <a class="page-item page-link" href="{page:next}" title="下一页">下一页</a>
      <a class="page-item page-link hidden-sm" href="{page:last}" title="尾页">尾页</a>
    </div>
  </div> 
{else}
  <div class="tac text-secondary">本分类下无任何数据!</div>
{/pboot:if}
<style>
.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}
</style>

文章搜集与网络,如有侵权请联系本站,转载请说明出处:https://www.adminbuy.cn/pbootcmsjs/10780.html

有问题可以加入网站技术QQ群一起交流学习

本站vip会员 请加入AB模板网 VIP群(577645397) PS:加入时备注用户名或昵称

普通注册会员或访客 请加入AB模板网 技术交流群(818577662)

客服微信号:wwwadminbuycn

☉首先声明,只要是我们的vip会员全站所有资源均可以免费下载,不做任何限制(了解更多)

☉本站的源码不会像其它下载站一样植入大量的广告。

☉本站提供的网站源码,都是做好测试好发布的,均可放心使用。

☉本站提供的网站源码,均带数据及演示地址。可以在任一源码详情页查看演示地址。

☉为了vip利益的最大化,我们还提供了vip赠品(了解更多

☉如有其他问题,请加网站客服QQ(9490489)进行交流。

首页 pbootcms模板 html模板 会员中心
 
QQ在线咨询

推荐添加下面的微信客服

添加微信客服