多个swiper的循环写法

<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">&#xe687;</i>
      </div>
      <div class="swiper-button s_next s_next$velocityCount">
        <i class="iconfont">&#xe6ae;</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>