75 lines
2.1 KiB
XML
75 lines
2.1 KiB
XML
<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"
|
|
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"></view>
|
|
</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"></loading>
|
|
<view class="ant-image-upload-cover-loading-text">
|
|
{{uploadingText}}
|
|
</view>
|
|
</view>
|
|
<view
|
|
a:if="{{item.status === 'error'}}"
|
|
class="ant-image-upload-cover-error"
|
|
>
|
|
<icon
|
|
className="ant-image-upload-cover-error-icon"
|
|
type="CloseCircleOutline"
|
|
></icon>
|
|
<view class="ant-image-upload-cover-error-text">
|
|
{{uploadfailedText}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<image
|
|
class="ant-image-upload-image"
|
|
mode="{{imageMode}}"
|
|
src="{{item.url || item.path}}"
|
|
data-uid="{{item.uid}}"
|
|
onTap="onPreview"
|
|
></image>
|
|
</slot>
|
|
</view>
|
|
</block>
|
|
<view onTap="chooseImage">
|
|
<slot name="uploadButton">
|
|
<view
|
|
a:if="{{showUploadButton}}"
|
|
class="ant-image-upload-add-image-wrapper"
|
|
>
|
|
<icon
|
|
type="AddOutline"
|
|
className="ant-image-upload-add-image-icon"
|
|
></icon>
|
|
</view>
|
|
</slot>
|
|
</view>
|
|
</slot>
|
|
</view> |