<!--index.wxml-->
<view class="container">
  <!--轮播图-->
  <view class="wrap">
    <swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true"
            bindchange="swiperChange">
      <block wx:for="{{imgUrls}}" wx:key="index">
        <swiper-item>
          <navigator url="{{item.url}}" hover-class="navigator-hover">
            <view class="index_top">
              <image src="{{item.url}}" class="slide-image" mode="aspectFill"/>
            </view>
          </navigator>
        </swiper-item>
      </block>
    </swiper>
    <view class="dots">
      <block wx:for="{{ imgUrls}}" wx:key>
        <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
      </block>
    </view>
  </view>

  <view class="btn-box">
    <view class="buy-btn">
      <text>点击图片可跳转到购买页</text>
    </view>
  </view>

  <import src="/templates/templates.wxml" />
  <template is="experiment" data="{{...test_info}}"></template>
</view>