Слайдер в реагирующем значке стрелки скрывается - PullRequest
Новая
       31

Слайдер в реагирующем значке стрелки скрывается

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

Я установил скользкий слайдер, чтобы реагировать на изображения под каждым тегом раздела.Когда я случайно нажимал на значки со стрелками, он скрывался в слайдере.

Пожалуйста, посмотрите на этот код: 

 let settings = {
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: false,
    speed: 500,
    arrows: true,
    responsive: [
      {
        settings: {
          infinite: false,
          slidesToShow: 1
        }
      }
    ]
};

return(
let imageSlider =
      array.image.map((review, i) => {
      return (
        <div
          key={`photo${i}`}
        >
          <figure
            style={{
              backgroundImage: `url(${review})`
            }}
          >
          </figure>
        </div>
      );
    });
  return (
    <div className="left-img">
      <Slider
        {...settings}
      >
        {imageSlider}
      </Slider>
    </div>
)

Здесь я зацикливал изображения и добавлял их в переменную imageSlider, тем самым я использовал этот imageSlider внутри класса Slider.Изображения отображаются правильно, но при нажатии на значок стрелки он скрывался.

1 Ответ

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

Ваша формулировка проблемы не очень ясна, пожалуйста, добавьте также скриншоты, чтобы мы могли лучше понять вашу проблему.

сейчас, попробуйте добавить следующий CSS в вашу глобальную таблицу стилей, это может помочь, 

.slick-arrow {
    -index: 9;
}
...