<view
  wx:if="{{ data.length > 0 }}"
  class="custom-class swiper-container swiper-indicator--{{ indicatorMode }}"
  style="{{ swiperStyle }}"
>
  <swiper
    class="swiper-class swiper-wrapper"
    autoplay="{{ autoplay }}"
    interval="{{ interval }}"
    duration="{{ duration }}"
    circular="{{ circular }}"
    indicatorDots="{{ indicatorDots }}"
    indicatorColor="{{ indicatorColor }}"
    indicatorActiveColor="{{ indicatorActiveColor }}"
    bind:change="onChangeSwiperItem"
  >
    <block wx:for="{{ data }}" wx:key="index">
      <swiper-item>
        <view
          class="swiper-item-class swiper-item"
          data-index="{{ index }}"
          bind:tap="onClickSwiperItem"
        >
          <van-image class="swiper-item-image" src="{{ item }}" fit="{{ imageMode }}" />
        </view>
      </swiper-item>
    </block>
  </swiper>

  <view class="dots-number-class swiper-dots" wx:if="{{ indicatorMode === 'number' }}">
    <view class="swiper-dots-number">{{ currentDotIndex + 1 }}/{{ data.length }}</view>
  </view>
</view>
