适用范围：分页条标签适用所有执行了分页的页面

标签作用：用于输出分页代码

1、分页条标签

2、分页条自带的HTML样式class名称

状态：page-status

首页：page-index

上一页：page-pre

下一页：page-next

尾页：page-last

数字条：page-numbar ,数字条下面的数字：page-num ，如果是当前页，那么该数字还同时带有：page-num-current

下拉条：page-select （默认条已经不显示）

如果使用系统完整分页条，则以上样式名称在输出的HTML代码中都带，你可以直接使用对应名称在自己的css中定义具体样式即可；

如果使用自定义方式，那么就按照自己写的html代码来定义，但是数字条下面的page-num 、page-num-current依然有效。

• 
  当然，如果你对前端还算比较上手，你应该知道其实上面说的这些通过F12都可以看到。

<div class="pages">

     <div class="pagination">

     {pboot:if({page:rows}>0)}

     <a class="page-item" href="{page:index}">首页</a>

     <a class="page-item"href='{page:pre}'>上一页</a>

    {page:numbar}

     <a class="page-item" href='{page:next}'>下一页</a>

     <a class="page-item" href='{page:last}'>末页</a>

    {/pboot:if}

   </div>

 </div>

<style>

.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}

.pages .pagination {display:inline-block;margin:0 auto;padding:0}

.pages .pagination .page-item,.pages .pagination .page-num{color:#555; padding: 3px 14px; display:block; border-radius: 2px; border: 1px solid #ddd;float: left;margin: 0 5px;}

.pages .pagination .page-num-current{ background:#12b34a; color:#fff; border:#12b34a 1px solid}

@media only screen and (max-width:768px){

.pages .pagination .page-num {display: none;}

}

</style>

 {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>

/* ----- 通用PB分页条 ----- */

.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>