<!--packageE/simplegraph/simplegraph.wxml-->
<view class="component-wrapper" style="background: #ffffff;font-size: 0rpx;width: 100%;padding-top: {{datas.padding_top}}px; padding-bottom: {{datas.padding_bottom}}px; padding-left: {{datas.padding_left}}px; padding-right: {{datas.padding_right}}px;">
  <block wx:if="{{list && list.length > 0}}">
    <view style="font-size: 0rpx;background:#fff;display: flex;" wx:for="{{list}}" wx:key="index">
      <yz-image class="img" src="{{item.image || emptyImage}}" custom-style="display: block;position: relative;width: 100%;border-radius: {{datas.picture_border}}px;font-size: 0rpx;margin-top: {{showMargin?'-0.5px':'0'}};" catchtap="goimgurl" data-item="{{item}}" data-url="{{item.h5_link}}" mode="widthFix" bindload="imgload">
        <block wx:if="{{datas.choose_style == 3 &&item.hotArea && item.hotArea.length > 0}}">
          <view class="hotarea-rnd" wx:for="{{item.hotArea}}"  wx:key="idx" wx:for-index="idx" wx:for-item="area" style=" top: {{(area.top)*(clientWidth/400)}}px;left: {{area.left*(clientWidth/400)}}px;width: {{area.width*(clientWidth/400)}}px;height: {{area.height*(clientWidth/400)}}px;" catchtap="toAreaUrl" data-item="{{area}}" data-url="{{area.h5_link}}">
          </view>
        </block>
      </yz-image>
    </view>
  </block>
  <block wx:else>
    <yz-image custom-class="img" src="{{emptyImage}}" custom-style="width: 100%;border-radius: {{datas.picture_border}}px;" mode="widthFix" />
  </block>
</view>
