<!--static/nativeComponents/PhotoGallery/index.wxml-->
<view class="photo-gallery" style="padding-top:{{getPaddingList[0]['value'] * 2}}rpx;padding-bottom:{{getPaddingList[1]['value'] * 2}}rpx;padding-left:{{getPaddingList[2]['value'] * 2}}rpx;padding-right:{{getPaddingList[3]['value'] * 2}}rpx">
  <view wx:if="{{datas.componentData.titles!=''}}" style="font-size:{{datas.componentData.titleSize}}em;padding-bottom:{{datas.componentData.titlePadding * 2}}rpx" class="textH">
    {{datas.componentData.titles}}
  </view>
  <view wx:if="{{datas.componentData.style==='list'}}">
    <view class="imgcontent" wx:for="{{datas.componentData.imgList}}"  wx:key="{{index}}" style="margin-bottom:{{datas.componentData.imgPadding * 2}}rpx">
      <image src="{{item.imageUrl}}" lazy-load mode="widthFix"></image>
    </view>
  </view>
  <view wx:elif="{{datas.componentData.style==='across' || datas.componentData.style==='tiled'}}" class="across">
    <view class="prev-btn" wx:if="{{datas.componentData.style==='across'}}">
      <i class="iconfont-common common-iconyoujiantou"></i>
    </view>
    <view class="next-btn" wx:if="datas.componentData.style==='across'">
      <i class="iconfont-common common-iconyoujiantou"></i>
    </view>
    <view style="display:{{datas.componentData.style==='tiled' ? 'flex' : ''}}" class="ul">
      <view wx:for="{{datas.componentData.imgList}}" wx:key="{{index}}" style="margin-right:{{index===(datas.componentData.imgList.length-1)? '' : datas.componentData.imgPadding * 2 + 'rpx'}};width:{{datas.componentData.style==='across' ? datas.componentData.acrossPer+'%' : ''}}" class="li">
        <image src="{{item.imageUrl}}" lazy-load mode="widthFix"></image>
      </view>
    </view>
  </view>
</view>