<!--components/banners/index.wxml-->
<view class='banners-wrapper'>
  <view class='banners-swipper'>
    <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" circular="true" duration="{{duration}}" style='height:180px;'>
      <block wx:for="{{banners}}" wx:for-item="banner" wx:key="{{banner.id}}">
        <swiper-item class="banner-item">
          <view data-url="{{banner.url}}" data-type="{{banner.type}}" data-oid="{{banner.oid}}" data-txt="{{banner.type_text}}"  data-image="{{banner.image}}" catchtap='_tapBanner'>
            <form bindsubmit="__collectFormId" report-submit='true'>
              <button class='form-button' form-type='submit'>
                <image src="{{banner.image}}" class="banner-image" mode='aspectFill' />
              </button>
            </form>
          </view>
        </swiper-item>
      </block>
    </swiper>
  </view>
</view>