12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <view
- class="ant-image-upload {{ className || '' }}"
- style="{{ style || '' }}">
- <slot fileList="{{ mixin.value }}">
- <block
- a:for="{{ mixin.value }}"
- a:for-index="index"
- a:for-item="item"
- a:key="{{ item.uid }}">
- <view class="ant-image-upload-show">
- <view
- data-uid="{{ item.uid }}"
- onTap="onRemove">
- <slot name="removeButton">
- <view class="ant-image-upload-close" />
- </slot>
- </view>
- <slot
- name="image"
- value="{{ item }}">
- <view
- a:if="{{ item.status === 'uploading' || item.status === 'error' }}"
- class="ant-image-upload-cover">
- <view
- a:if="{{ item.status === 'uploading' }}"
- class="ant-image-upload-cover-loading">
- <loading className="ant-image-upload-cover-loading-icon" />
- <view class="ant-image-upload-cover-loading-text">上传中...</view>
- </view>
- <view
- a:if="{{ item.status === 'error' }}"
- class="ant-image-upload-cover-error">
- <icon
- className="ant-image-upload-cover-error-icon"
- type="CloseCircleOutline" />
- <view class="ant-image-upload-cover-error-text">上传失败</view>
- </view>
- </view>
- <image
- class="ant-image-upload-image"
- mode="{{ imageMode }}"
- src="{{ item.url || item.path }}"
- data-uid="{{ item.uid }}"
- onTap="onPreview" />
- </slot>
- </view>
- </block>
- <view onTap="chooseImage">
- <slot name="uploadButton">
- <view
- a:if="{{ !maxCount || mixin.value.length < maxCount }}"
- class="ant-image-upload-add-image-wrapper">
- <icon
- type="AddOutline"
- className="ant-image-upload-add-image-icon" />
- </view>
- </slot>
- </view>
- </slot>
- </view>
|