refund-proof-popup.wxml 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <t-popup
  2. placement="bottom"
  3. visible="{{visible}}"
  4. show-overlay="{{true}}"
  5. close-on-overlay-click="{{true}}"
  6. bind:visible-change="onPopupVisibleChange"
  7. z-index="12000"
  8. style="--td-popup-z-index: 12000;"
  9. >
  10. <view class="proof-popup">
  11. <view class="proof-popup__header">
  12. <view class="title">上传描述和凭证</view>
  13. <text class="proof-popup__close" catchtap="onClose">×</text>
  14. <view class="proof-popup__header-spacer" />
  15. </view>
  16. <view class="proof-popup__content">
  17. <textarea class="desc-input" placeholder="补充描述,有助于商家更好的处理售后问题" maxlength="200" value="{{inputDesc}}" bindinput="onDescInput" />
  18. <view class="desc-count">{{inputDesc.length}}/200</view>
  19. <view class="upload-empty-container" wx:if="{{inputImages.length === 0}}">
  20. <view class="image-uploader-empty" catchtap="onChooseImage">
  21. <t-icon name="camera" size="56rpx" color="#111" class="upload-icon-empty" />
  22. <view class="upload-title">上传凭证</view>
  23. <view class="upload-sub">(最多9张)</view>
  24. </view>
  25. <view class="upload-tips">请提供以下凭证:包裹内件实物图片</view>
  26. </view>
  27. <view class="image-list" wx:else>
  28. <view class="img-item" wx:for="{{inputImages}}" wx:key="index">
  29. <image class="img" src="{{item}}" mode="aspectFill" />
  30. <view class="remove" data-index="{{index}}" catchtap="onRemoveImage">
  31. <t-icon name="close" size="24rpx" color="#fff" />
  32. </view>
  33. </view>
  34. <view class="image-uploader" catchtap="onChooseImage" wx:if="{{inputImages.length < 9}}">
  35. <t-icon name="camera" size="56rpx" color="#999" class="upload-icon" />
  36. <view class="upload-text">还可传{{9 - inputImages.length}}个</view>
  37. </view>
  38. </view>
  39. </view>
  40. <view class="proof-popup__footer">
  41. <view class="done-btn {{uploading ? 'done-btn--disabled' : ''}}" bindtap="onConfirm">完成</view>
  42. </view>
  43. </view>
  44. </t-popup>