| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <t-popup
- placement="bottom"
- visible="{{visible}}"
- show-overlay="{{true}}"
- close-on-overlay-click="{{true}}"
- bind:visible-change="onPopupVisibleChange"
- z-index="12000"
- style="--td-popup-z-index: 12000;"
- >
- <view class="proof-popup">
- <view class="proof-popup__header">
- <view class="title">上传描述或凭证</view>
- <text class="proof-popup__close" catchtap="onClose">×</text>
- <view class="proof-popup__header-spacer" />
- </view>
- <view class="proof-popup__content">
- <textarea class="desc-input" placeholder="补充描述,有助于商家更好的处理售后问题" maxlength="200" value="{{inputDesc}}" bindinput="onDescInput" />
- <view class="desc-count">{{inputDesc.length}}/200</view>
- <view class="upload-empty-container" wx:if="{{inputImages.length === 0}}">
- <view class="image-uploader-empty" catchtap="onChooseImage">
- <t-icon name="camera" size="56rpx" color="#111" class="upload-icon-empty" />
- <view class="upload-title">上传凭证</view>
- <view class="upload-sub">(最多9张)</view>
- </view>
- <view class="upload-tips">请提供以下凭证:包裹内件实物图片</view>
- </view>
- <view class="image-list" wx:else>
- <view class="img-item" wx:for="{{inputImages}}" wx:key="index">
- <image class="img" src="{{item}}" mode="aspectFill" />
- <view class="remove" data-index="{{index}}" catchtap="onRemoveImage">
- <t-icon name="close" size="24rpx" color="#fff" />
- </view>
- </view>
-
- <view class="image-uploader" catchtap="onChooseImage" wx:if="{{inputImages.length < 9}}">
- <t-icon name="camera" size="56rpx" color="#999" class="upload-icon" />
- <view class="upload-text">还可传{{9 - inputImages.length}}个</view>
- </view>
- </view>
- </view>
- <view class="proof-popup__footer">
- <view class="done-btn {{uploading ? 'done-btn--disabled' : ''}}" bindtap="onConfirm">完成</view>
- </view>
- </view>
- </t-popup>
|