设置swiper的属性后无效,结果如图,本来想一次显示4个:
html代码
<div class="date">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide all">全部</div>
<div class="swiper-slide">2016年11月</div>
<div class="swiper-slide">2016年10月</div>
<div class="swiper-slide">2016年9月</div>
<div class="swiper-slide">2016年8月</div>
<div class="swiper-slide">2016年7月</div>
<div class="swiper-slide">2016年6月</div>
<div class="swiper-slide">2016年5月</div>
<div class="swiper-slide">2016年4月</div>
<div class="swiper-slide">2016年3月</div>
<div class="swiper-slide">2016年2月</div>
<div class="swiper-slide">2016年1月</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
js代码
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
slidesPerView: 4,
direction: 'vertical'
});