javascript - Framework7 Swiper，每个视图有多个列

Question

我想要一个图像“网格”和滑块，让我能够在滑块的每个视图中显示 3 列。因此，每次向上或向下滑动时，都会显示一组新的 3 张图像。

Framework7 的滑块怎么可能做到这一点？我努力了

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

我想它应该是每行的列或类似的东西，但我不知道该怎么做。

Answer 1

参考Swiper API Docs有一个选项用于定义一次应该看到多少幻灯片。它被称为slidesPerView不是slidesPerColumn你想出来的。

Answer 2

使用自己提供的结构框架7 并在每张幻灯片内构建网格。

<!-- 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>