index.wxml 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <view
  2. class="ant-image-upload {{ className || '' }}"
  3. style="{{ style || '' }}">
  4. <block
  5. wx:for="{{ mixin.value }}"
  6. wx:for-index="index"
  7. wx:for-item="item"
  8. wx:key="{{ item.uid }}">
  9. <view class="ant-image-upload-show">
  10. <view
  11. data-uid="{{ item.uid }}"
  12. bind:tap="onRemove">
  13. <view class="ant-image-upload-close" />
  14. </view>
  15. <view
  16. wx:if="{{ item.status === 'uploading' || item.status === 'error' }}"
  17. class="ant-image-upload-cover">
  18. <view
  19. wx:if="{{ item.status === 'uploading' }}"
  20. class="ant-image-upload-cover-loading">
  21. <loading className="ant-image-upload-cover-loading-icon" />
  22. <view class="ant-image-upload-cover-loading-text">上传中...</view>
  23. </view>
  24. <view
  25. wx:if="{{ item.status === 'error' }}"
  26. class="ant-image-upload-cover-error">
  27. <icon
  28. className="ant-image-upload-cover-error-icon"
  29. type="CloseCircleOutline" />
  30. <view class="ant-image-upload-cover-error-text">上传失败</view>
  31. </view>
  32. </view>
  33. <image
  34. class="ant-image-upload-image"
  35. mode="{{ imageMode }}"
  36. src="{{ item.url || item.path }}"
  37. data-uid="{{ item.uid }}"
  38. bind:tap="onPreview" />
  39. </view>
  40. </block>
  41. <view bind:tap="chooseImage">
  42. <view
  43. wx:if="{{ !maxCount || mixin.value.length < maxCount }}"
  44. class="ant-image-upload-add-image-wrapper">
  45. <icon
  46. type="AddOutline"
  47. className="ant-image-upload-add-image-icon" />
  48. </view>
  49. </view>
  50. </view>