Thinkphp6 分页自定义样式

ThinkPHP内置了分页实现，要给数据添加分页输出功能变得非常简单，可以直接在Db类查询的时候调用paginate方法：

// 查询状态为1的用户数据 并且每页显示10条数据 $list = Db::name('user')->where('status',1)->order('id', 'desc')->paginate(10); 

// 渲染模板输出 return view('index', ['list' => $list]);

模板文件中分页输出代码如下：

<div>
<ul>
{volist name='list' id='user'}
    <li> {$user.nickname}</li>
{/volist}
</ul>
</div>
{$list|raw}

thinkphp6使用分页的时候使用的是默认的分页样式如下图：

看起来很不美观 使用起来也不方便
这里 给大家写了一个简单的css样式

<style>
.list-page {text-align:center;padding: 15px 15px;}
.mws-panel-content {background: #eee;}
.pagination {margin:0 !important;padding: 10px 10px;box-shadow: 0px 1px 2px 0px #E2E2E2;background: #fff;}
.pagination li{border:1px solid #e6e6e6;padding: 3px 8px;display: inline-block;}
.pagination .active{background-color: #46A3FF;color: #fff;}
.pagination .disabled{color: #aaa;}
</style>

如果需要修改 <<和>>这个变为上一页和下一页
需要到框架中的\vendor\topthink\think-orm\src\paginator\driver\Bootstrap.php
文件下修改

/**
     * 上一页按钮
     * @param string $text
     * @return string
     */
    protected function getPreviousButton(string $text = "«"): string
    {
        if ($this->currentPage() <= 1) {
            return $this->getDisabledTextWrapper($text);
        }
        $url = $this->url(
            $this->currentPage() - 1
        );
        return $this->getPageLinkWrapper($url, $text);
    }
    /**
     * 下一页按钮
     * @param string $text
     * @return string
     */
    protected function getNextButton(string $text = '&raquo;'): string
    {
        if (!$this->hasMore) {
            return $this->getDisabledTextWrapper($text);
        }
        $url = $this->url($this->currentPage() + 1);
        return $this->getPageLinkWrapper($url, $text);
    }

这是上一页和下一页的按钮
将string $text = "«"和string $text = '»'中的&laquo和&raquo分别修改为上一页和下一页或者自己想要的内容即可

Tags： PHP