解决tp默认输出的分页小屏幕换行难看问题

2021-06-01

字数统计: 488字 | 阅读时长: 2min

解决方法

我选择重写分页类的相关方法
在app目录下建立Bootstrap.php文件：

<?php
namespace app;

use think\paginator\driver\Bootstrap as ThinkBootstrap;

/**
 * Bootstrap 分页驱动
 */
class Bootstrap extends ThinkBootstrap
{
	protected $isMobile = false;

	public function __construct($items, int $listRows, int $currentPage = 1, int $total = null, bool $simple = false, array $options = [])
	{
		$this->isMobile = request()->isMobile();

		parent::__construct($items, $listRows, $currentPage, $total, $simple, $options);
	}

	/**
	 * 页码按钮
	 * @return string
	 */
	protected function getLinks(): string
	{
		if ($this->simple) {
			return '';
		}

		$block = [
			'first'  => null,
			'slider' => null,
			'last'   => null,
		];

		if($this->isMobile) {
			$side = 1;
			$edge = 1;
		}else{
			$side = 3;
			$edge = 2;
		}
		$window = $side * 2;

		if ($this->lastPage < $window + ($edge + 1) * 2) {
			$block['first'] = $this->getUrlRange(1, $this->lastPage);
		} elseif ($this->currentPage <= $side + $edge + 1) {
			$block['first'] = $this->getUrlRange(1, $window + $edge + 1);
			$block['last']  = $this->getUrlRange($this->lastPage - $edge + 1, $this->lastPage);
		} elseif ($this->currentPage > ($this->lastPage - $side - $edge - 1)) {
			$block['first'] = $this->getUrlRange(1, $edge);
			$block['last']  = $this->getUrlRange($this->lastPage - ($window + $edge), $this->lastPage);
		} else {
			$block['first']  = $this->getUrlRange(1, $edge);
			$block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side);
			$block['last']   = $this->getUrlRange($this->lastPage - $edge + 1, $this->lastPage);
		}

		$html = '';

		if (is_array($block['first'])) {
			$html .= $this->getUrlLinks($block['first']);
		}

		if (is_array($block['slider'])) {
			$html .= $this->getDots();
			$html .= $this->getUrlLinks($block['slider']);
		}

		if (is_array($block['last'])) {
			$html .= $this->getDots();
			$html .= $this->getUrlLinks($block['last']);
		}

		return $html;
	}

	/**
	 * 渲染分页html
	 * @return mixed
	 */
	public function render()
	{
		if ($this->hasPages()) {
			if ($this->simple) {
				return sprintf(
					'<ul class="pager">%s %s %s</ul>',
					$this->getPreviousButton(),
					$this->getActivePageWrapper($this->currentPage),
					$this->getNextButton()
				);
			} else {
				$class = '';
				if($this->isMobile) {
					$class = ' pagination-sm';
				}
				return sprintf(
					'<ul class="pagination%s">%s %s %s</ul>',
					$class,
					$this->getPreviousButton(),
					$this->getLinks(),
					$this->getNextButton()
				);
			}
		}
	}

}

将自定义的分类绑定到容器Provider定义文件内provider.php即可（tp6自定义分类设置，其他版本请查阅相关文档）

1
2
3

return [
	'think\Paginator' => 'app\Bootstrap'
];