new Swiper('.store-honor-contianerwaps', {
autoplay:{
delay:6000
},
speed:600,
loop: true,
spaceBetween:20,
initialSlide: 1,
centeredSlides : true,
slidesPerView : 1.2,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
// 如果需要分页器
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},breakpoints:{
800:{
spaceBetween:20,
}
}
});
<div class="swiper-container store-honor-contianerwaps">
<div class="swiper-wrapper">
{pc:content action="lists" catid="132"}
<!-- 132 -->
{loop $data $v}
<div class="swiper-slide">
<!-- <img src="statics/static/img/aobuts_03.png" alt=""> -->
<img src="{$v[thumb]}">
</div>{/loop}
{/pc}
</div>
<div class="swiper-pagination"></div>
</div>