css - Yii2:自定义 LinkPager 以在分页中显示省略号

Question

我正在尝试像下面的屏幕截图那样获得分页。什么设置可以实现这样的分页

我正在像下面这样初始化 LinkPager

<?php echo LinkPager::widget([
            'pagination' => $pages,
            'prevPageLabel' => false,
            'nextPageLabel' => false,
            'maxButtonCount'=>2,
            'options' => [
                'class' => 'ip-mosaic__pagin-list',
            ],
        ]); ?>

分页的 HTML 版本下面

<ul class="ip-mosaic__pagin-list">
            <li class="active-page"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li class="ip-mosaic__pagin-dots"><i class="fas fa-circle"></i> <i class="fas fa-circle"></i> <i
                        class="fas fa-circle"></i></li>
            <li><a href="#">35</a></li>
        </ul>

Answer 1

查看您的分页图像，您似乎在使用分页内的 Ellipses 时遇到了问题，因为您的实现是正确的，只是缺少 active-page 类，所以如果这是正确的，你应该使用 Separated Pager for Yii2扩展 Yii2 LinkPager 并添加省略号。

一个 Yii2 LinkPager 显示第一页和最后一页与其他页面内联链接，但也将始终包括第一页和最后一页作为第一页和最后一页链接。不再需要专用的第一个/最后一个按钮，也不再需要猜测有多少页。

使用安装扩展

要么跑

php composer.phar require --prefer-dist justinvoelker/yii2-separatedpager "*"

或添加

"justinvoelker/yii2-separatedpager": "*"

你的代码应该是这样的

echo \justinvoelker\separatedpager\LinkPager::widget ( [
    'id'=>'my-pager',
    'pagination' => $pages ,
    'activePageCssClass' => 'active-page' ,
    'prevPageLabel' => false ,
    'nextPageLabel' => false ,
    'maxButtonCount' => 5 ,
    'options' => [
        'class' => 'ip-mosaic__pagin-list'
    ]
] );

希望这对你有帮助。