为Yii2 ListWidget自定义CSS的问题

debugcn 发表于 Dev

用户名

我是Yii的新手。我想像这样为Yii2 ListView自定义CSS：

ListView::widget([
    'dataProvider' => $productsProvider,
    'options' => [
        'tag' => 'div',
        'class' => 'row',
        'id' => 'products-list-wrapper',
    ],
    'itemOptions' => [
        'class' => 'col-md-2'
    ],
    'itemView' => '_product_item.php',
    'pager' => [
        'options' => [
            'class' => 'my-custom-pagination'
        ]
    ]
]);

当我添加引导类，例如：时'options' => [ 'class' => row ]，样式会应用，但是当我添加在中定义的自定义样式规则时web/css/site.css，它们就不会应用。感谢帮助！

基兰·穆拉里（Kiran Muralee）

尝试在浏览器中查看呈现的html，以查看css文件site.css是否正确加载，并且该site.css包含为自定义类定义的样式。
确保您的资产捆绑包已正确加载。

您的寻呼机默认情况下使用引导程序类进行样式设置，但是您可以使用自己的自定义样式类覆盖默认值。

'pager' => [                                 
             'options' => [
                 'class' => 'my-custom-pagination',//default value is 'pagination'
                ],
            'prevPageCssClass' => 'yourClass', // default value is  'prev'
            'activePageCssClass' => 'yourClass',// default value is 'active'
            'nextPageCssClass' => 'yourClass',// default value is 'next'
            'lastPageCssClass' => 'yourClass',// default value is 'last'
        ]

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。