2

我正在尝试使用 slick-carousel 作为100vh我的单页网站上的一个部分的滑块。

我正在使用jade、browserify、sass等。这是输出：

在此处输入图像描述

我将 html/css 简化为背景颜色，但在实际内容上是相同的。

如您所见，幻灯片彼此重叠显示，并且它们也被克隆了。当您使用 centerMode 和无限设置时，我读到了光滑的克隆幻灯片。

这是我的代码：

玉：

  section.services
    .slick
      .red
      .green
      .blue

SCSS：

section.services {
    @extend .padding0;
    @include bgcolor(#fff);

    .slick, .slick * {
        outline: none;
    }
}

.red {
    height: 100px;
    background: red;
}

.blue {
    height: 100px;
    background: blue;
}

.green{
    height: 100px;
    background: green;
}

JS：

window.jQuery = window.$ = require('jquery');
slick = require('slick-carousel');

//DOM Ready
$(function(){  
    $('.slick').slick({
        slidesToShow: 1,
        speed: 300,
        autoplay: true,
        dots: true
    });
});

我在这里迷路了，希望你们中的一个可以帮助。

4

1 回答 1

7

slick.scss 没有被加载到项目中。

于 2016-04-28T04:02:56.113 回答