|
|
@@ -1,84 +1,84 @@
|
|
|
-<wxs module="utils" src="../wxs/utils.wxs"/>
|
|
|
-<wxs module="computed" src="./index.wxs"/>
|
|
|
+<wxs src="../wxs/utils.wxs" module="utils"/>
|
|
|
+<wxs src="./index.wxs" module="computed"/>
|
|
|
|
|
|
<view class="van-uploader">
|
|
|
<view class="van-uploader__wrapper">
|
|
|
<!-- 预览样式 -->
|
|
|
<view
|
|
|
- bindtap="onClickPreview"
|
|
|
- class="van-uploader__preview"
|
|
|
- data-index="{{ index }}"
|
|
|
- wx:for="{{ lists }}"
|
|
|
wx:if="{{ previewImage }}"
|
|
|
+ wx:for="{{ lists }}"
|
|
|
wx:key="index"
|
|
|
+ class="van-uploader__preview"
|
|
|
+ data-index="{{ index }}"
|
|
|
+ bindtap="onClickPreview"
|
|
|
>
|
|
|
<image
|
|
|
- alt="{{ item.name || ('图片' + index) }}"
|
|
|
- bindtap="onPreviewImage"
|
|
|
- class="van-uploader__preview-image"
|
|
|
- data-index="{{ index }}"
|
|
|
+ wx:if="{{ item.isImage }}"
|
|
|
mode="{{ imageFit }}"
|
|
|
src="{{ item.thumb || item.url }}"
|
|
|
+ alt="{{ item.name || ('图片' + index) }}"
|
|
|
+ class="van-uploader__preview-image"
|
|
|
style="{{ computed.sizeStyle({ previewSize }) }}"
|
|
|
- wx:if="{{ item.isImage }}"
|
|
|
+ data-index="{{ index }}"
|
|
|
+ bindtap="onPreviewImage"
|
|
|
/>
|
|
|
<video
|
|
|
+ wx:elif="{{ item.isVideo }}"
|
|
|
+ src="{{ item.url }}"
|
|
|
+ title="{{ item.name || ('视频' + index) }}"
|
|
|
+ poster="{{ item.thumb }}"
|
|
|
autoplay="{{ item.autoplay }}"
|
|
|
- bindtap="onPreviewVideo"
|
|
|
- class="van-uploader__preview-image"
|
|
|
- data-index="{{ index }}"
|
|
|
object-fit="{{videoFit}}"
|
|
|
- poster="{{ item.thumb }}"
|
|
|
referrer-policy="{{ referrerPolicy }}"
|
|
|
- src="{{ item.url }}"
|
|
|
+ class="van-uploader__preview-image"
|
|
|
style="{{ computed.sizeStyle({ previewSize }) }}"
|
|
|
- title="{{ item.name || ('视频' + index) }}"
|
|
|
- wx:elif="{{ item.isVideo }}"
|
|
|
+ data-index="{{ index }}"
|
|
|
+ bindtap="onPreviewVideo"
|
|
|
>
|
|
|
</video>
|
|
|
<view
|
|
|
- bindtap="onPreviewFile"
|
|
|
+ wx:else
|
|
|
class="van-uploader__file"
|
|
|
- data-index="{{ index }}"
|
|
|
style="{{ computed.sizeStyle({ previewSize }) }}"
|
|
|
- wx:else
|
|
|
+ data-index="{{ index }}"
|
|
|
+ bindtap="onPreviewFile"
|
|
|
>
|
|
|
- <van-icon class="van-uploader__file-icon" name="description"/>
|
|
|
+ <van-icon name="description" class="van-uploader__file-icon"/>
|
|
|
<view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view>
|
|
|
</view>
|
|
|
<view
|
|
|
- class="van-uploader__mask"
|
|
|
wx:if="{{ item.status === 'uploading' || item.status === 'failed' }}"
|
|
|
+ class="van-uploader__mask"
|
|
|
>
|
|
|
- <van-icon class="van-uploader__mask-icon" name="close" wx:if="{{ item.status === 'failed' }}"/>
|
|
|
- <van-loading custom-class="van-uploader__loading" wx:else/>
|
|
|
- <text class="van-uploader__mask-message" wx:if="{{ item.message }}">{{ item.message }}</text>
|
|
|
+ <van-icon wx:if="{{ item.status === 'failed' }}" name="close" class="van-uploader__mask-icon"/>
|
|
|
+ <van-loading wx:else custom-class="van-uploader__loading"/>
|
|
|
+ <text wx:if="{{ item.message }}" class="van-uploader__mask-message">{{ item.message }}</text>
|
|
|
</view>
|
|
|
<view
|
|
|
- catch:tap="deleteItem"
|
|
|
- class="van-uploader__preview-delete"
|
|
|
- data-index="{{ index }}"
|
|
|
wx:if="{{ deletable && item.deletable }}"
|
|
|
+ data-index="{{ index }}"
|
|
|
+ class="van-uploader__preview-delete"
|
|
|
+ catch:tap="deleteItem"
|
|
|
>
|
|
|
- <van-icon class="van-uploader__preview-delete-icon" name="cross"/>
|
|
|
+ <van-icon name="cross" class="van-uploader__preview-delete-icon"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 上传样式 -->
|
|
|
<block wx:if="{{ isInCount }}">
|
|
|
- <view bindtap="startUpload" class="van-uploader__slot">
|
|
|
+ <view class="van-uploader__slot" bindtap="startUpload">
|
|
|
<slot/>
|
|
|
</view>
|
|
|
|
|
|
<!-- 默认上传样式 -->
|
|
|
<view
|
|
|
- bindtap="startUpload"
|
|
|
+ wx:if="{{ showUpload }}"
|
|
|
class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
|
|
|
style="{{ computed.sizeStyle({ previewSize }) }}"
|
|
|
- wx:if="{{ showUpload }}"
|
|
|
+ bindtap="startUpload"
|
|
|
>
|
|
|
- <van-icon class="van-uploader__upload-icon" name="{{ uploadIcon }}"/>
|
|
|
- <text class="van-uploader__upload-text" wx:if="{{ uploadText }}">{{ uploadText }}</text>
|
|
|
+ <van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon"/>
|
|
|
+ <text wx:if="{{ uploadText }}" class="van-uploader__upload-text">{{ uploadText }}</text>
|
|
|
</view>
|
|
|
</block>
|
|
|
</view>
|