Угловая скользящая скользящая точка останова - каждый слайд разделяется на более мелкие компоненты - PullRequest
Новая
       13

Угловая скользящая скользящая точка останова - каждый слайд разделяется на более мелкие компоненты

0 голосов
/ 25 апреля 2019

У меня есть скользкий слайдер с CSS-картами Bulma.Это работает до тех пор, пока я не достигну точки останова и не установлю свой слайд-шоу как другое число.Карты состоят из заголовка и основного содержимого.По достижении точки останова заголовок и тело карты представляют собой отдельные слайды. 

slideConfig = {
    'slidesToShow': 4,
    'slidesToScroll': 1,
    'arrows': true,
    'swipeToSlide': true,
    'infinite': false,
    'responsive': [
      {
        'breakpoint': 767,
        'slidesToShow': 3
      }
    ]
  };

HTML: 

<ngx-slick class="carousel" #slickModal="slick-modal" [config]="slideConfig" responsive="breakpoints">
      <div ngxSlickItem *ngFor="let slide of slides" class="slide">
        <div class="card">
          <header class="card-header">
            <p class="card-header-title">
              Box {{slide}}
            </p>
          </header>
          <div class="card-content">
            <div class="content">
              <p>Content for slide {{slide}}</p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            </div>
          </div>
        </div>
      </div>
</ngx-slick

введите описание изображения здесь

1 Ответ

0 голосов
/ 12 июля 2019

попробуйте 

'responsive': [
  {
    'breakpoint': 767,
     'settings': {
      'slidesToShow': 3
            }
          }
        ]
...