Framework7 Swiper с несколькими столбцами на просмотр

Question

Я хотел бы иметь «сетку» изображений и ползунок, чтобы дать мне возможность иметь 3 столбца на вид слайдера. Поэтому при каждом прокрутке вверх или вниз отображается новый набор из 3 изображений.

Как это возможно с помощью слайдера Framework7? Я попытался

mySlider2 = myApp.slider('.slider-2', { 
    pagination: '', 
    spaceBetween: 4, 
    slidesPerColumn" 3, 
    direction: 'vertical' 
}); 

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

Answer 1

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

<!-- Slider container --> 
<div class="swiper-container"> 
    <!-- Slides wrapper --> 
    <div class="swiper-wrapper"> 
     <!-- Slides --> 
     <div class="swiper-slide"> 
      // Build your grid here 
     </div> 
     ... other slides ... 
    </div> 
    <!-- Pagination, if required --> 
    <div class="swiper-pagination"></div> 
</div> 

Answer 2

Отсносящиеся к Swiper API Docs есть опция для определения, сколько слайдов должны быть видны сразу. Он называется slidesPerView не slidesPerColumn, что вы выяснили.