index.axml 1.8 KB

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