<view>
	<view class="banner" style="--dotsColor:{{datas.componentData.indColor}};padding-top:{{datas.componentData.paddingList[0].value*2}}rpx;padding-bottom:{{datas.componentData.paddingList[1].value*2}}rpx;padding-left:{{datas.componentData.paddingList[2].value*2}}rpx;padding-right:{{datas.componentData.paddingList[3].value*2}}rpx;">
		<view class="bannerItem">
			<swiper
			 class="swiper {{datas.componentData.initIndSite=='onter'?'onterDot':''}}"
			 indicator-dots="{{indicatorDots}}"
			 autoplay="{{autoplay}}"
			 interval="{{interval}}"
			 duration="{{duration}}"
			 circular="true"
			 bindchange="bannerChange"
			 style="height:{{bannerHeight}}"
			>
				<block wx:for="{{datas.componentData.imgList}}" wx:key="index">
					<swiper-item data-item="{{item}}" bindtap="onClick">
						<view class="swiper-item">
							<image
							 src="{{item.imageUrl}}"
							 style="width:100%;border-radius:{{datas.componentData.borderRadius*2}}rpx"
							 mode="widthFix"
							 bindload="loadImg"
							 class="bannerImgItem"
							></image>
						</view>
					</swiper-item>
				</block>
			</swiper>
			<view class="dots">
				<view
				 class="dotsItem {{index==activeIndex?'isDotsColor':''}} {{datas.componentData.indStyle == 'flat'?'dotsStyle1':'dotsStyle2'}} {{datas.componentData.indBorderShow==true?'dotBorder':''}}"
				 wx:for="{{datas.componentData.imgList}}"
				 wx:key="index"
				></view>
			</view>
		</view>
	</view>
</view>