cart.wxml
12.2 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!-- <import src="../../tabbar/tabbar.wxml" />
<template is="tabBar" data="{{tabBar}}" />
-->
<!-- 广告图片 -->
<navigator class="picture" url="/pages/activity/seckill_list/seckill_list" wx:if="{{is_has_flash}}">
<image mode="widthFix" class="picture" src="{{iurl}}miniapp/images/stores/Seckill.png"></image>
</navigator>
<navigator bindtap="nav_goto" class="picture" data-url="{{ad_data.ad_weapplink}}" wx:if="{{ad_data}}">
<image mode="widthFix" class="picture" src="{{ad_data.ad_code}}"></image>
</navigator>
<view class="container" wx:if="{{(requestData && requestData.length>0) || (service_data && service_data.length>0) }}">
<!-- 购物车商品框架 -->
<view class="login-in">
<!-- 编辑 -->
<view class="padding flex-vertical-between fs30 Storenum store">
<view class="flex">
<view>总数量:</view>
<view class="goods_num">{{all_num}}</view>
</view>
<view wx:if="{{is_edit==0}}" bindtap="edit_cart" data-type="1">编辑</view>
<view wx:else bindtap="edit_cart" data-type="0">完成</view>
</view>
<!-- 商品的列表 -->
<block wx:if="{{requestData && requestData.length>0}}">
<block wx:for="{{requestData}}" wx:key="{{index}}" wx:for-index="pidx">
<!-- 门店底下的商品 -->
<view class="store">
<view class="shmd_m">
<!-- 门店 -->
<!--<radio color="red" bindtap="check_th_all_item" class="order-raido flex-center" checked="{{checkAllToggle||item.selected}}" data-pitems="{{pidx}}"></radio>-->
<icon wx:if="{{checkAllToggle||item.selected}}" class="order-raido flex-center" bindtap="check_th_all_item" data-pitems="{{pidx}}"
color="red" size="20" type="success"></icon>
<view wx:else class="icon_no_sele2" bindtap="check_th_all_item" data-pitems="{{pidx}}"></view>
<view class="flex-center">
<image src="{{iurl}}miniapp/images/stores/store.png"></image>
<view class="shmd fs30">{{item.pname}}</view>
</view>
</view>
<view class="order-item" data-item="{{idx}}" wx:for="{{item.goods}}" wx:for-item="items" wx:for-index="idx" wx:key="{{index}}">
<block wx:if="{{!items.is_gift}}">
<view bindtap="check_th_item" class="order-raido flex-vertical " data-check="{{items.selected}}" data-item="{{idx}}" data-pitems="{{pidx}}">
<!--<radio color="red" checked="{{checkAllToggle||items.selected}}"></radio>-->
<icon wx:if="{{checkAllToggle||items.selected}}" color="red" size="20" type="success"></icon>
<text wx:else class="icon_no_sele"></text>
</view>
</block>
<block wx:else><view class="order-raido flex-vertical " style="width: 45rpx"></view></block>
<navigator class="goods-img rel" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{items.goods_id}}">
<image class="wh100" src="{{items.original_img}}" binderror="bind_bnerr2" data-errorimg="requestData[{{pidx}}].goods[{{idx}}].original_img" data-url="{{items.original_img}}"></image>
<block wx:if="{{items.is_gift}}">
<view style="background-color:red" class="abs flex-center fs26" wx:if="{{items.is_gift==1}}">赠品</view>
</block>
<block wx:else>
<view class="abs flex-center fs26" wx:if="{{items.distr_type==0}}">自选</view>
<view class="abs flex-center fs26" wx:if="{{items.distr_type==1}}">自提</view>
<view class="abs flex-center fs26" wx:if="{{items.distr_type==2}}">物流</view>
</block>
</navigator>
<view class="goods-cont">
<view class="goods-name">
<navigator class="ellipsis-2 fs30" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{items.goods_id}}">{{items.goods_name}}</navigator>
<view class="specifications ellipsis-1">
<view wx:if="{{items.goods_color || items.goods_spec}}">
{{items.goods_color}}{{items.goods_color?"/":''}}{{items.goods_spec}}</view>
<view wx:else>规格1</view>
</view>
<block wx:if="{{items.is_gift}}">
<view>{{items.goods_num}}件</view>
</block>
</view>
<block wx:if="{{!items.is_gift}}">
<view class="flex alend jc_sb">
<view class="goods-price co-red baseline ellipsis-1">
<view class="fs20">￥</view>
<view class="fs28">{{items.goods_price}}</view>
<view wx:if="{{items.is_offline}}" class="quan_color flex ai-center"><text>券后 ￥{{items.offline_price}}</text></view>
</view>
<view class="count">
<view bindtap="subNum" class="sub fs28" data-pitems="{{pidx}}" data-item="{{idx}}">一</view>
<input class="goodadd" bindblur="valueToNum" data-pitems="{{pidx}}" data-item="{{idx}}"
bindinput="refresh_input"
type="number" value="{{items.goods_num}}"></input>
<view class="add" bindtap="addNum" data-pitems="{{pidx}}" data-item="{{idx}}">+</view>
</view>
</view>
</block>
</view>
</view>
</view>
<!--- 去凑单 -->
<view style="margin-top: 20rpx; padding: 0 30rpx">
<view class="flex jc_sb fs28" wx:for="{{item.make_up_arr}}" style="margin-bottom: 20rpx" >
<view class="ellipsis-1" style="width: 80%">再买<text class="co-red">{{item.diff}}<text wx:if="{{item.diff_type==0}}">元</text>
<text wx:if="{{item.diff_type==1}}">件</text>
</text>，
<text wx:if="{{item.content.is_money==1}}">免{{item.content.money}}元|</text>
<text wx:if="{{item.content.is_sale==1}}">打{{item.content.sale}}折|</text>
<text wx:if="{{item.content.is_past==1}}">包邮|</text>
<text wx:if="{{item.content.is_coupon==1}}">送优惠券|</text>
<text wx:if="{{item.content.is_int==1}}">送积分|</text>
<text wx:if="{{item.content.is_gift==1}}">送赠品|</text>
<text wx:if="{{item.content.is_libao==1}}">送礼包|</text>
<text></text>
</view>
<view class="co-red" data-prom_id="{{item.prom_id}}" bindtap="go_cou_dang">去凑单></view>
</view>
</view>
<!-- 线下取价 -->
<view style="margin:10rpx 0; padding: 0 30rpx;color: #999" wx:if="{{item.offline_price}}" class="fs28">
当前<text class="red_c">{{item.offline_num}}</text>件商品，可使用<text class="red_c">{{item.offline_price}}</text>元店铺优惠
</view>
</block>
</block>
<!-- 服务卡项的列表 -->
<block wx:if="{{service_data && service_data.length>0}}">
<block wx:for="{{service_data}}" wx:key="{{index}}" wx:for-index="pidx">
<!-- 门店以及门店底下的服务卡 -->
<view class="store">
<view class="shmd_m">
<icon wx:if="{{checkAllToggle||item.selected}}" class="order-raido flex-center" bindtap="check_th_all_item_ser" data-pitems="{{pidx}}"
color="red" size="20" type="success"></icon>
<view wx:else class="icon_no_sele2" bindtap="check_th_all_item_ser" data-pitems="{{pidx}}"></view>
<view class="flex-center">
<image src="{{iurl}}miniapp/images/stores/store.png"></image>
<view class="shmd fs30">{{item.pname}}</view>
</view>
</view>
<view class="order-item" data-item="{{idx}}" wx:for="{{item.goods}}" wx:for-item="items" wx:for-index="idx" wx:key="{{index}}">
<block>
<view bindtap="check_th_item_ser" class="order-raido flex-vertical " data-check="{{items.selected}}" data-item="{{idx}}" data-pitems="{{pidx}}">
<!--<radio color="red" checked="{{checkAllToggle||items.selected}}"></radio>-->
<icon wx:if="{{checkAllToggle||items.selected}}" color="red" size="20" type="success"></icon>
<text wx:else class="icon_no_sele"></text>
</view>
</block>
<navigator class="goods-img rel" url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{items.service_id}}">
<image class="wh100" src="{{items.img_url}}" binderror="bind_bnerr2" data-errorimg="service_data[{{pidx}}].goods[{{idx}}].img_url" data-url="{{items.img_url}}"></image>
</navigator>
<view class="goods-cont">
<view class="goods-name">
<navigator class="ellipsis-2 fs30" url="/packageA/pages/goodsInfo/goodsInfo?goods_id={{items.service_id}}">{{items.service_name}}</navigator>
<block wx:if="{{items.is_gift}}">
<view>{{items.goods_num}}件</view>
</block>
</view>
<block wx:if="{{!items.is_gift}}">
<view class="flex alend jc_sb">
<view class="goods-price co-red baseline ellipsis-1">
<view class="fs20">￥</view>
<view class="fs28">{{items.money}}</view>
</view>
<view class="count">
<view bindtap="subNum_ser" class="sub fs28" data-pitems="{{pidx}}" data-item="{{idx}}">一</view>
<input class="goodadd" bindblur="valueToNum_ser" data-pitems="{{pidx}}" data-item="{{idx}}"
bindinput="refresh_input"
type="number" value="{{items.goods_num}}"></input>
<view class="add" bindtap="addNum_ser" data-pitems="{{pidx}}" data-item="{{idx}}">+</view>
</view>
</view>
</block>
</view>
</view>
</view>
</block>
</block>
</view>
<view class="pay-for flex-vertical-between">
<view class="allradio flex-vertical-between">
<view class="flex-vertical mlr" bindtap="checkAll">
<!--<radio class="order-raido" color="red" checked="{{checkAllToggle}}"></radio>-->
<icon wx:if="{{checkAllToggle}}" color="red" size="20" type="success"></icon>
<text wx:else class="icon_no_sele"></text>
<view class="all fs30" style="margin-left: 10rpx">全选</view>
</view>
<!-- 显示金额的多少 -->
<view class="consumer" wx:if="{{is_edit==0}}">
<view class="fs30 baseline">
<view class="total">合计:</view>
<text class="co-red">￥{{total_fee}}</text>
</view>
<view class="flex-level-right">
<text class="tips fs20">不含运费</text>
</view>
</view>
</view>
<view>
<button wx:if="{{is_edit}}" bindtap="check_del" class="pay-btn">删除</button>
<button wx:else bindtap="checkout" class="pay-btn">结算({{total_num}})</button>
</view>
</view>
</view>
<!-- 购物车为空 -->
<view class="empty_order" wx:if="{{(!requestData|| requestData.length==0) && (!service_data|| service_data.length==0) && is_load}}">
<view class="flex-level">
<image src="{{iurl}}miniapp/images/stores/nocart.png"></image>
</view>
<view class="flex-level fs32 xc-ash">购物车竟然是空的</view>
<view class="flex-level">
<navigator url="/pages/index/index/index" bindtap="goto">
<view class="flex-center fs30 white">去首页逛逛</view>
</navigator>
</view>
</view>
<!-- 好物推荐 -->
<view class="title" style="margin-top: 60rpx; margin-bottom:{{isTabBar == true ? '50px' : '0'}}" wx:if="{{(!requestData|| requestData.length==0) && (!service_data|| service_data.length==0) && is_load}}">
<!-- 标题 -->
<view>
<!-- 中文名标题 -->
<view class="China flex-level">
<view class="line flex-vertical">
<view class="one"></view>
<view class="two"></view>
<view class="three"></view>
</view>
<view class="Recommend flex-level" bindtap="requestList">好物推荐</view>
<view class="line flex-vertical">
<view class="three"></view>
<view class="two"></view>
<view class="one"></view>
</view>
</view>
<!-- 英文标题 -->
<view class="english flex-center">
<view class="silk"></view>
<view class="esh five-level-word">GOOD HOT THING</view>
<view class="silk"></view>
</view>
</view>
<!-- 商品列表组件 -->
<goods_recommend id="goods_list"></goods_recommend>
</view>
<warn id="warn"></warn>