uploader.wxml 2.1 KB

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