cancel-order-dialog.wxml
1.74 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<view class="cancel-order-dialog">
<view class="confirm-layer {{status == '0' || status == '2' ? 'no-penalty' : ''}}}" wx:if="{{showConfirm}}">
<view class="mask"></view>
<view class="info">
<block wx:if="{{status == '0'}}">
<view class="item solo">{{cancelText}}</view>
</block>
<block wx:if="{{status == '1'}}">
<view class="item"><text class="left">{{orderPriceDesc}}</text><text class="right">{{orderPrice}}</text></view>
<view class="item"><text class="left">{{penaltyDesc}}({{penaltyRate}})</text><text class="right danger">{{penaltyAmount}}</text></view>
<view class="item"><text class="left">{{refundDesc}}</text><text class="right">{{refundAmount}}</text></view>
</block>
<block wx:if="{{status == '2'}}">
<view class="item solo">{{cancelText}}</view>
</block>
<view class="bottom-btn">
<view class="cancel btn {{status == '0' ? 'invalid' : ''}}" bindtap="confirm">{{cancelBtnText}}</view>
<view class="keep btn" bindtap="keep">保留订单</view>
</view>
</view>
</view>
<view class="slide-layer" hidden="{{hideSlide}}">
<view class="slide-mask">
<image class="close-icon"
bindtap="closeSlide"
src="../../assets/images/close.png"></image>
</view>
<view class="slide">
<view class="slide-container">
<view class="tip" hidden="{{hideTip}}">滑动确认赔付并取消订单</view>
<image class="slide-icon"
catchtouchstart="touchStart"
catchtouchmove="touchMove"
catchtouchend="touchEnd"
style="margin-left:{{slideLeft}}px"
src="../../assets/images/slide.png"></image>
</view>
</view>
</view>
</view>