<div>
#foreach($pVO in $!proList)
<div class="p_flex">
<div class="p_left">
<div class="p_content">
<div class="p_cn">$pVO.nameValue</div>
<div class="p_en">$pVO.summaryValue</div>
</div>
</div>
<div class="proSwiperBox">
<div class="swiper-container swiper-pro$velocityCount">
<div class="swiper-wrapper">
#foreach($pimg in $pVO.productImages)
<div class="swiper-slide">
<div class="pic_box">
#img("$!pimg.url","class='proPic' alt='$!pVO.nameValue'",false)
</div>
</div>
#end
</div>
</div>
<div class="swiper-button s_prev s_prev$velocityCount">
<i class="iconfont"></i>
</div>
<div class="swiper-button s_next s_next$velocityCount">
<i class="iconfont"></i>
</div>
<div class="swiper-pagination sw_pagin$velocityCount"></div>
</div>
</div>
#end
</div>
<script>
require(['swiper'], function (s) {
var cun=$(".p_flex").length;
for (var i = 1; i<=cun ;i++){
var sw_swiper=[];
sw_swiper[i] = new Swiper('.swiper-pro'+i, {
autoplay: 5000, //可选选项,自动滑动
loop: true,
prevButton: '.s_prev'+i,
nextButton: '.s_next'+i,
autoplayDisableOnInteraction : false,
pagination : '.sw_pagin'+i,
paginationClickable :true
})
}
})
</script>