Как реагировать сова на карусель в реакции js - PullRequest
Новая
       13

Как реагировать сова на карусель в реакции js

0 голосов
/ 14 февраля 2020

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

Вот мой код: - 

    <div className="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
      <OwlCarousel className="owl-theme hotel-slider tab-slide" id="tab-slider" loop margin={10} items={4} nav>
        {Data.shimladetail.map((shimlatour, i) => (

        <div className="item no-brdr">
          <img src={shimlatour.alltourimg} className="tour-img" />
          <div className="tour-cntnt">
            <h5 className="tours-heading">{shimlatour.alltourtitle}</h5>
            <p className="tour-pera">{shimlatour.alltourdiscription}</p>
          </div>
        </div>

        ))}
      </OwlCarousel>
    </div>

1 Ответ

0 голосов
/ 14 февраля 2020

попробуйте использовать события плагинов, например onResize && onResized или такие параметры, как mergeFit && autoWidth, вы найдете эти параметры по этой ссылке ниже:

https://www.npmjs.com/package/react-owl-carousel

...