Framework7 Swiper每个视图有多列

时间:2016-02-11 11:57:22

标签: javascript jquery html-framework-7

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

Framework7的滑块怎么可能?我试过了

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

我想它应该是每行的列或类似的东西,但我无法弄清楚如何做到这一点。

2 个答案:

答案 0 :(得分:0)

使用结构框架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>

答案 1 :(得分:0)

参考Swiper API Docs,可以选择一次显示多少幻灯片。它被称为Sub lookup() Dim lLastrow As Long Dim rng As Range Dim i As Long ThisWorkbook.Sheets("S").Select lLastrow = ActiveSheet.Cells(ActiveSheet.Rows.Count, 1).End(xlUp).Row Range("P5:P" & lLastrow).Copy Destination:=Sheets("Result_APQP").Range("E5") Range("G5:G" & lLastrow).Copy Destination:=Sheets("Result_APQP").Range("H5") Sheets("Result").Select For i = 5 To lLastrow Set rng = Sheets("P").UsedRange.Find(Cells(i, 5).Value & "*", LookAt:=xlWhole) 'If it is found put its value on the destination sheet If Not rng Is Nothing Then Cells(i, 6).Value = rng.Value End If Next i End Sub 而不是slidesPerView你想出来的。