mine_order.wxml
3.5 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!--pages/mine_order/mine_order.wxml-->
<view class='tab'>
<view class="{{item.id == active?'tab_ones':'tab_one'}}" wx:for="{{tab}}" wx:key="index" bindtap='tab' data-id="{{item.id}}">{{item.name}}</view>
</view>
<!-- 无数据内容展示 -->
<view class='no_order_num'>
<view class='flex_center no_order'>
<view class='no_img'>
<image src='/img/no_order.png'></image>
</view>
<view class='no_word'>暂时还没有订单哦 赶快去下单吧</view>
</view>
</view>
<!-- 有数据内容展示 -->
<view class='order'>
<view class='order_card' wx:for="{{list}}" wx:key="">
<view class='order_title'>{{item.name}}</view>
<view class='order_address layer_star'>
<view class='address_icon'>
<image src='/img/order_address.png'></image>
</view>
<view class='order_word'>{{item.address}}</view>
</view>
<view class='order_time layer_star'>
<view class='time_icon'>
<image src='/img/order_time.png'></image>
</view>
<view class='order_word'>入住：
<text class='into'>{{item.into}}</text>离店：
<text class='leave'>{{item.leave}}</text>共
<text>{{item.day}}</text>晚</view>
</view>
<!-- 待付款 -->
<view class='order_price layer_between' wx:if="{{active == 0}}">
<view class='price_num'>￥
<text>{{item.price}}</text>
</view>
<view class='price_btn' bindtap='pay'>立即付款</view>
</view>
<!-- 待出行 -->
<view class='order_trip layer_between' wx:elif="{{active == 1}}">
<view class='price_num'>￥
<text>{{item.price}}</text>
</view>
<view class='trip_right layer_star'>
<view class='trip_cancel'>取消订单</view>
<view class='trip_see'>查看详情</view>
</view>
</view>
<!-- 已入住 -->
<view class='order_check layer_between' wx:elif="{{active == 2}}">
<view class='price_num'>￥
<text>{{item.price}}</text>
</view>
<view class='trip_see'>查看详情</view>
</view>
<!-- 已完成 -->
<view class='order_complete layer_between' wx:elif="{{active == 3}}">
<view class='complete_left'>
<view class='price_num'>￥
<text>{{item.price}}</text>
</view>
<view class='complete_word'>已退还保证金</view>
</view>
<view class='complete_right layer_star'>
<view class='complete_share layer_star' bindtap='go_share'>
<view class='complete_share_icon'>
<image src='/img/mine_share.png'></image>
</view>
<view class='complete_share_btn'>分享体验</view>
</view>
<view class='complete_see'>查看详情</view>
</view>
</view>
<!-- 已取消 -->
<view class='order_cancel layer_between' wx:elif="{{active == 4}}">
<view class='cancel_left layer_star'>
<view class='price_num cancel_price'>￥
<text>{{item.price}}</text>
</view>
<view class='cencel_word'>已退还保证金</view>
</view>
<view class='complete_see'>查看详情</view>
</view>
</view>
</view>