tui-upload.wxml 1004 B

12345678910111213141516
  1. <view class="tui-container">
  2. <view class="tui-upload-box">
  3. <view class="tui-image-item" wx:for="{{imageList}}" wx:key="{{index}}">
  4. <image src="{{item}}" class="tui-item-img" catchtap="previewImage" data-index="{{index}}" mode="aspectFill"></image>
  5. <view wx:if="{{!forbidDel}}" class="tui-img-del" catchtap="delImage" data-index="{{index}}"></view>
  6. <view wx:if="{{statusArr[index]!=1}}" class="tui-upload-mask">
  7. <view class="tui-upload-loading" wx:if="{{statusArr[index]==2}}"></view>
  8. <text class="tui-tips">{{statusArr[index]==2?'上传中...':'上传失败'}}</text>
  9. <view class="tui-mask-btn" wx:if="{{statusArr[index]==3}}" catchtap="reUpLoad" data-index="{{index}}" hover-class="tui-hover" hover-stay-time="150">重新上传</view>
  10. </view>
  11. </view>
  12. <view wx:if="{{!forbidAdd && imageList.length < limit}}" class="tui-upload-add" bindtap="chooseImage">
  13. <view class="tui-upload-icon tui-icon-plus"></view>
  14. </view>
  15. </view>
  16. </view>