jquery – 在slick.js中更改点大小

前端之家收集整理的这篇文章主要介绍了jquery – 在slick.js中更改点大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试在我的网站中使用点实现slick.js滑块.
滑块点的大小非常小.我可以改变点的大小吗?或者它是默认的

我的css

.slider {
          width: 650px;
          margin: 0 auto;
        }

        img {
          width: 200px;
          height: 200px;
        }

我的HTML

<div class="row">
    <div class="col-sm-6">
        <div class="slider-about">
            <div class="slider">
                <div>
                    <img src="resources/image/slide1.jpg">
                </div>
                <div>
                    <img src="resources/image/slide2.jpg">
                </div>
                <div>
                    <img src="resources/image/slide3.jpg">
                </div>
                <div>
                    <img src="resources/image/slide1.jpg">
                </div>
                <div>
                    <img src="resources/image/slide2.jpg">
                </div>
                <div>
                    <img src="resources/image/slide3.jpg">
                </div>
            </div>
        </div>
    </div>
</div>

我的js:

$('.slider').slick({
      slidesToShow: 3,slidesToScroll: 3,dots: true,infinite: true,cssEase: 'linear'
    });

这点是

解决方法

默认主题样式表slick-theme.css使用“slick”字体系列作为图标.是否已将字体文件文件上传到您的项目?
或者,如果您不想使用“光滑”字体系列,则可以在slick-theme.css中的第178行调整以下CSS规则
.slick-dots li button:before
    {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        ...
    }

像这样

.slick-dots li button:before
    {
        font-size: 20px;
        line-height: 20px;
        ...
    }

猜你在找的jQuery相关文章