你是否还在用下边默认的分页输出,这种方式已经过时了,虽然简短,但是操作优化以及样式拓展方面都存在一些问题。 <?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('«','»', 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>
this post offers fastidious understanding even.