你是否还在用下边默认的分页输出,这种方式已经过时了,虽然简短,但是操作优化以及样式拓展方面都存在一些问题。
<?php $this->pageNav('上一页', '下一页', '5', '……');?>
本站同款效果图如下

代码

 <style>
        /* 自定义分页导航的样式 */
      .pagination {
            list-style: none;
            display: flex;
            padding: 0;
            margin: 0;
            justify-content: center;
        }
      .pagination li {
            margin: 0 5px;
        }
      .pagination li a {
            display: block;
            padding: 5px 10px;
            text-decoration: none;
            color: #fff; 
            background-color: #000; 
            border: 1px solid #fff; 
            border-radius: 5px;
        }
      .pagination li a.page-link {
            transition: background-color 0.3s ease;
        }
      .pagination li a.page-link:hover {
            background-color: #333; 
        }
      .pagination li.page-item.active a.page-link {
            background-color: #fff; 
            color: #000; 
            border-color: #fff; 
            border: 2px solid #000; 
        }
      .pagination li.page-item.prev a.page-link,
      .pagination li.page-item.next a.page-link {
            background-color: #000; 
            color: #fff; 
        }
      .pagination li.page-item.prev a.page-link:hover,
      .pagination li.page-item.next a.page-link:hover {
            background-color: #333; 
        }
      .pagination.ellipsis {
            display: none; /* 隐藏省略号,根据需要显示 */
        }
      .pagination.ellipsis.show {
            display: inline-block;
        }
    </style>

 <nav class="my-5">
    <?php
      ob_start(); 
      $this->pageNav('&laquo;','&raquo;', 1, '', array('wrapTag' => 'ul', 'wrapClass' => 'pagination pagination-rounded mb-0 justify-content-center', 'itemTag' => 'li', 'textTag' => 'span', 'currentClass' => 'active', 'prevClass' => 'prev', 'nextClass' => 'next'));
      $content = ob_get_contents();
      ob_end_clean();
      $content = preg_replace("/<li><span>(.*?)<\/span><\/li>/sm", '', $content);
      $content = preg_replace("/<li [class=\"active\"]+>(.*?)<\/li>/sm", '<li class="page-item active">$1</li>', $content);
      $content = preg_replace("/<li [class=\"prev\"]+>(.*?)<\/li>/sm", '<li class="page-item">$1</li>', $content);
      $content = preg_replace("/<li [class=\"next\"]+>(.*?)<\/li>/sm", '<li class="page-item">$1</li>', $content);
      $content = preg_replace("/<li>(.*?)<\/li>/sm", '<li class="page-item">$1</li>', $content);
      $content = preg_replace("/<a href=\"(.*?)\">(.*?)<\/a>/sm", '<a class="page-link" href="$1">$2</a>', $content);
      echo $content;
     ?>
  </nav>