<wxs src="../../../wxs/helper.wxs" module="helper" />
<view class='detail-banner'>
    <swiper class="swiper-wrapper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" 
            interval="{{interval}}" duration="{{duration}}" bindchange="swiperChange" circular="{{circular}}">
        <block wx:for="{{imageList}}" wx:key="unique">
            <swiper-item>
                <image class="slide-image" 
                   data-src="{{helper.image(item.image_url, 750, 800)}}" 
                   src="{{helper.image(item.image_url, 750, 800)}}" 
                   mode="aspectFit" 
                   bindtap="previewImage"></image>
            </swiper-item>
        </block>
    </swiper>
    <view class="dots" wx:if="{{imageList.length > 1}}">
        <view class="bg"></view>
        <block wx:for="{{imageList}}" wx:key="unique">
            <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view>
        </block>
    </view>
    <view class="product-name">
        <text class="name">{{productName}}</text>
    </view>
</view>