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

一段简单实用的Pbootcms页码显示样式代码，具体代码如下，需要的伴侣可以试下：

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

02
  <div class=\”pagebar\”>

03
    <div class=\”pagination\”>

04
      <a class=\”page-item page-link hidden-sm\” href=\”{page:index}\” title=\”首页\”>首页</a>

05
      <a class=\”page-item page-link\” href=\”{page:pre}\” title=\”上一页\”>上一页</a>

06
      <a class=\”page-item page-num-current\” href=\”javascript:;\” title=\”当前页\”>{page:current}</a>

07
      <a class=\”page-item page-link\” href=\”javascript:;\” title=\”当前页/总页数\”>{page:current}/{page:count}</a>

08
      <a class=\”page-item page-link\” href=\”{page:next}\” title=\”下一页\”>下一页</a>

09
      <a class=\”page-item page-link hidden-sm\” href=\”{page:last}\” title=\”尾页\”>尾页</a>

10
    </div>

11
  </div>

12
{else}

13
  <div class=\”tac text-secondary\”>天职类下无任何数据！</div>

14
{/pboot:if}

15
<style>

16
.pagebar .pagination{display:flex;justify-content:center;margin-top:10px}

17
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:6px 8px;margin:0 2px;border-radius:3px}

18
.pagination a:hover{color:#4fc08d;border:1px solid #4fc08d}

19
.pagination a.page-num-current{color:#fff;background:#4fc08d;border:1px solid #4fc08d}

20
</style>