<!--static/nativeComponents/Notice/index.wxml-->
<view class="notice" style="border-radius:{{datas.componentData.borderRadius}}px;background-color:{{datas.componentData.backgroundColor}};margin:{{NoticeMargin}};padding:{{NoticePadding}};height:{{(CommonHeight)}}">
  <swiper autoplay interval="3000" vertical style="height:{{CommonHeight}}" circular>
    <swiper-item wx:for="{{datas.componentData.noticeList}}" wx:key="index">
      <view class="container" bindtap="onclickHandle" data-index="{{index}}" style="width: 100%;height:{{CommonHeight}}">
        <block wx:if="{{item.imageUrl||datas.componentData.singleImage}}">
          <view wx:if="{{datas.componentData.styleType===1}}">
            <image class="notice-icon" mode="widthFix" style="width:{{datas.componentData.imageWidth}}px !important;height:{{datas.componentData.imageWidth}}px;" src="{{item.imageUrl}}" />
          </view>
          <view wx:else>
            <image class="notice-icon" style="width:{{datas.componentData.imageWidth}}px !important;height:{{datas.componentData.imageWidth}}px;" src="{{singleImg}}" />
          </view>
        </block>
        <view class="notice-content" style="font-size:{{datas.componentData.fontSize}}px;color:{{datas.componentData.fontColor}}">
          <text class="content">{{item.title}}</text>
        </view>
        <van-icon class="notice-arrowhead" name="arrow" color="#000" wx:if="{{!datas.componentData.showArrow}}"></van-icon>
      </view>
    </swiper-item>
  </swiper>
</view>