框架7 每个视图具有多个列的滑动器
Framework7 Swiper with multiple columns per view
我想有一个图像的"网格"和滑块,让我能够为每个滑块视图有 3 列。因此,每次向上或向下滑动时,都会显示一组新的 3 张图像。
Framework7的滑块怎么可能做到这一点?我试过了
mySlider2 = myApp.slider('.slider-2', {
pagination: '',
spaceBetween: 4,
slidesPerColumn" 3,
direction: 'vertical'
});
我想它应该是每行的列或类似的东西,但我无法弄清楚如何做到这一点。
使用结构框架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>
参考 Swiper API 文档,有一个选项可用于定义一次应该可见多少张幻灯片。它被称为slidesPerView
而不是slidesPerColumn
你想出了什么。
相关文章:
- 使用ExpressHandlebars视图引擎在Express4.x框架中渲染部分视图
- 框架7:拆分视图降级到标签栏?(组合示例)
- JS框架如何将模型绑定到视图
- 框架7 每个视图具有多个列的滑动器
- 将js和css文件添加到zend框架中的视图中
- 谷歌在框架中的视图,因为它将“X-Frame-Options”设置为“SAMEORIGIN”
- 从zend框架中的视图页触发控制器上的方法
- Rendr如何在RendrJS同构框架中将模型传递给子视图
- 是否需要在JavaScript MVC框架中测试视图?
- 处理视图的Javascript框架
- 如何使用YUI App框架更改子视图
- ionic框架中调用视图的Ui-router问题
- 在Ionic框架(Phonegap)中正确地在视图之间存储变量
- 如何在play框架中为不同的视图页面指定不同的JS文件
- 在单视图Ionic框架中加载Js文件
- Titanium appcelerator框架:滚动视图内容的大小不能随着设备方向的改变而改变
- 在播放框架上将参数从视图传递到控制器
- 模型视图控制器-javascript mvc框架设计实践,用于编辑就地界面
- 模型视图控制器-我们是否在使用JavaScriptMVC(MVVM)框架,如Backbone.js、Angular等
- 模型视图控制器-用于非常简单的单页原型的Javascript框架