Увеличение размера слайдов Reat Slick на минимальных слайдах - PullRequest
Новая
       21

Увеличение размера слайдов Reat Slick на минимальных слайдах

0 голосов
/ 14 ноября 2018

Я использую слайдер реагирования, если у меня есть 2 или 3 слайда, то высота и ширина слайдов увеличиваются.Но я не хочу этого. Я использую следующие настройки. 

const settings = {
  infinite: true,
  speed: 500,
  slidesToShow: featuredWorkArray.length,
  slidesToScroll: featuredWorkArray.length,
  arrows: false,
  responsive: [
    {
      breakpoint: 880,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
  ]
};

<Slider
      ref={slider => (this.slider = slider)}
      {...settings}
    >
      {
        featuredWorkArray.map((item, index) =>
          <div className="slider-feat__container" key={index}>
            <Link to={`/singlepost?id=${item.id}`}>
              <div
                className="slider-feat__slide"
                style={{
                  background: `url(${item.img}) no-repeat center`,
                  backgroundSize: 'contain',
                  boxSizing: 'border-box' 
                }}
              >
              </div>
            </Link>
          </div>
        )
      }
</Slider>

Примечание: я за исключением того, чтобы поместить здесь весь код для вашего лучшего понимания.Я просто хочу исправить размер слайдов.

...