thinkphp6分页自定义样式

使用easyadmin框架
自己写了一个页面和表格,用不了框架的样式了
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 = "&laquo;"): 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 = "&laquo;"string $text = '&raquo;'中的&laquo&raquo分别修改为上一页和下一页或者自己想要的内容即可
在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值