最新公告
  • 欢迎您光临源码资源下载站!
  • 一段简单实用的Pbootcms页码显示样式代码

    正文概述    2026-03-12 14:56:00  
    一段简单实用的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>
    之星模板网,一个优质的源码资源平台!
    之星模板网 » 一段简单实用的Pbootcms页码显示样式代码