binquan.qiu | 7f2665f | 2020-03-27 17:19:57 +0800 | [diff] [blame] | 1 | <view class="weui-uploader {{extClass}}"> |
| 2 | <view class="weui-uploader__hd"> |
| 3 | <div class="weui-uploader__overview"> |
| 4 | <view class="weui-uploader__title">{{title}}</view> |
| 5 | <view class="weui-uploader__info" wx:if="{{maxCount > 1}}">{{currentFiles.length}}/{{maxCount}}</view> |
| 6 | |
| 7 | </div> |
| 8 | <view wx:if="{{tips}}" class="weui-uploader__tips">{{tips}}</view> |
| 9 | <view wx:else><slot name="tips"></slot></view> |
| 10 | </view> |
| 11 | <view class="weui-uploader__bd"> |
| 12 | <view class="weui-uploader__files"> |
| 13 | <block wx:for="{{currentFiles}}" wx:key="*this"> |
| 14 | <view wx:if="{{item.error}}" data-index="{{index}}" bindtap="previewImage" class="weui-uploader__file weui-uploader__file_status"> |
| 15 | <image class="weui-uploader__img" src="{{item.url}}" mode="aspectFill" /> |
| 16 | <view class="weui-uploader__file-content"> |
| 17 | <icon type="warn" size="23" color="#F43530"></icon> |
| 18 | </view> |
| 19 | </view> |
| 20 | <view wx:elif="{{item.loading}}" data-index="{{index}}" bindtap="previewImage" class="weui-uploader__file weui-uploader__file_status"> |
| 21 | <image class="weui-uploader__img" src="{{item.url}}" mode="aspectFill" /> |
| 22 | <view class="weui-uploader__file-content"> |
| 23 | <view class="weui-loading"></view> |
| 24 | </view> |
| 25 | </view> |
| 26 | <view wx:else class="weui-uploader__file" data-index="{{index}}" bindtap="previewImage"> |
| 27 | <image class="weui-uploader__img" src="{{item.url}}" mode="aspectFill" /> |
| 28 | </view> |
| 29 | </block> |
| 30 | </view> |
| 31 | <view wx:if="{{currentFiles.length < maxCount}}" class="weui-uploader__input-box"> |
| 32 | <view class="weui-uploader__input" bindtap="chooseImage"></view> |
| 33 | </view> |
| 34 | </view> |
| 35 | </view> |
| 36 | <mp-gallery hide-on-click="{{true}}" show-delete="{{showDelete}}" show="{{showPreview}}" binddelete="deletePic" img-urls="{{previewImageUrls}}" current="{{previewCurrent}}"></mp-gallery> |