<!--component/uploadImageExample/uploadImageExample.wxml-->    
<view class="input-upload-image-bg margin-top">
  <view class="input-refund-info">
    <textarea bindinput="confirmReasonInfo" class="input-refund-info-textarea" placeholder="退货原因说明" placeholder-class="input-refund-info-placeholder"></textarea>
  </view>
  <view class="upload-image-info margin-top">
    <block wx:for="{{tempImagePaths}}" wx:key="{{index}}">
      <view class="upload-btn {{index !== 0 ? 'small-margin-left' : ''}}">
        <image class="upload-btn-image border" src="{{item}}" mode="aspectFill" bindtap="previewImages" data-index="{{index}}">
        </image>
        <view class="red-point" bindtap="deleteImageFromUploadImages" data-index="{{index}}">
          <text class="red-point-text">x</text>
        </view>
      </view>
    </block>
    <block wx:if="{{tempImagePaths.length < 4}}">
      <image class="upload-btn-image {{tempImagePaths.length !== 0 ? 'small-margin-left' : ''}}" src="{{uploadImage}}" bindtap="selectPhoto"></image>
    </block>
  </view>
  <view class="example-upload-image margin-top {{ isShowExample ? '' : 'margin-bottom' }}">
    <view class="example-text-btn margin-left" bindtap="showExample">
      <text class="example-text color-size light-gray">请按照示例图传图</text>
      <image class="example-arrow" src="{{ isShowExample ? up : down }}"></image>
    </view>
  </view>
  <block wx:if="{{isShowExample}}">
    <view class="example-image margin-bottom">
      <block wx:for="{{exampleImages}}" wx:key="{{index}}">
        <view class="{{item.style}}">
          <image src="{{item.src}}" mode="aspectFill" class="{{item.imageStyle}}"></image>
          <text class="small-size margin-top">{{item.title}}</text>
        </view>
      </block>
    </view>
  </block>
</view>