PbootCMS分页条效果之数字条效果

• HTML代码：

  {pboot:if({page:rows} > 0)}
  首页 上一页 {page:numbar} 下一页 尾页
  {else}
  本分类下无任何数据！
  {/pboot:if}

• CSS样式代码：

  .pagebar.pagination {
      display: flex;
      justify-content: center;
      margin-top: 10px;
  }
  .pagination a {
      background: #fff;
      border: 1px solid #ccc;
      color: #333;
      font-size: 14px;
      padding: 8px 12px;
      margin: 0 5px;
      border-radius: 3px;
  }
  .pagination span {
      color: #333;
      font-size: 14px;
      padding: 8px 2px;
      margin: 0 5px;
      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;
  }