index.axml 1.9 KB

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