activity_share.wxml
12.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
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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<view class="container">
<!-- 搜索框 -->
<view class="search-container">
<view class="input-container"><input class="search" type="text" placeholder="请输入您想查找的商品信息"/></view>
<view class="btn-search">搜索</view>
</view>
<!-- 列表 -->
<view class="list-container">
<!-- 标题 -->
<view class="title" >
<block wx:for="{{tab}}">
<view class="title-item {{currentIndex == index ? 'active':''}}" data-index="{{index}}" bindtap="clickTab">{{item}}</view>
</block>
</view>
<!-- 促销页标题 -->
<view class="subTab-title flex" wx:if="{{currentIndex == 2}}">
<block wx:for="{{tab2}}">
<view class="subTab-titleItem {{currentIndex2 == index ? 'active':''}}" data-index="{{index}}" bindtap="clickTab2">{{item}}</view>
</block>
</view>
<!-- 列表项 -->
<scroll-view
class="list {{currentIndex == 2?'active1':''}} {{currentIndex == 3?'active2':''}}"
scroll-y="true"
scroll-anchoring
refresher-enabled>
<!-- 暂无数据 -->
<nodata nodataContainer="nodata">暂无数据</nodata>
<!-- 拼单和秒杀 -->
<block wx:if="{{currentIndex == 0 || currentIndex == 1}}">
<view class class="list-item">
<view class="img-container"></view>
<view class="details">
<view class="fs28 name ellipsis-2">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</view>
<view>
<!-- 点击秒杀时显示 -->
<view class="flex ai-center pdtb8" wx:if="{{currentIndex == 0}}">
<view class="progress-container">
<progress class="progress" percent="50" border-radius="6" stroke-width="14" activeColor="#FE6867" backgroundColor="#ccc"></progress>
<text class="percent fs20">剩余100%</text>
</view>
<view class="fs22 gray">已抢0件</view>
</view>
<!-- 点击拼单时显示 -->
<view class="flex pdtb6" wx:if="{{currentIndex == 1}}">
<view class="group-num">已拼0份</view>
<view class="group-type">1人团</view>
</view>
<!-- 公共项 -->
<view class="fs22 red">剩余:51天21时37分34秒</view>
</view>
<view class="red flex ai-center">
<view>￥200.00</view>
<view class="retail">零售价：￥76.00</view>
</view>
<view class="t-r fs28"><text class="btn-share">分享</text></view>
</view>
</view>
</block>
<!-- 促销 - 订单促销 -->
<block wx:if="{{currentIndex == 2}}">
<view class="subTab-container">
<view class="subTab-list">
<view class="subTab-item">
<view class="bdr-b">
<view class="flex">
<view class="badge">折</view>
<view class="ellipsis-1">促销活动名称名称名称名称名称名称名称名称名称名称</view>
</view>
<view class="pdv10 fs28">促销时间：2020-09-28 16:00 到 2020-09-28 16:00</view>
</view>
<view class="flex-space-between" wx:if="{{currentIndex == 2 && currentIndex2 == 0}}">
<view class="fs28">
<view class="pdv10">需购买金额：￥400</view>
<view>折扣：90</view>
</view>
<view class="btn-container"><text class="btn-share">分享</text></view>
</view>
<view class="flex-equality pdt20" wx:if="{{currentIndex == 2 && currentIndex2 !== 0}}">
<view class="btn-container" bindtap="showPopup"><text class="btn-share">活动详情</text></view>
<view class="btn-container"><text class="btn-share w164">分享</text></view>
</view>
</view>
</view>
</view>
</block>
<!-- 专享礼包 -->
<block wx:if="{{currentIndex == 3}}">
<view class class="list-item">
<view class="img-container"></view>
<view class="details">
<view class="ellipsis-2 fs28 name">商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称</view>
<view class="pdt14 red">￥200.00/10积分</view>
<view class="fs22 line-through gray">零售价：￥76.00</view>
<view class="fs22">已售：<text class="red">3</text></view>
<view class="t-r fs28"><view class="btn-share">分享</view></view>
</view>
</view>
</block>
<view class="no-more t-c">- 已全部加载 -</view>
</scroll-view>
</view>
<!-- 底部栏 -->
<view class="tabbar flex" wx:if="{{currentIndex == 0 || currentIndex == 1}}" bindtap="clickTab3">
<view class="tabbar-item {{currentIndex3 == 0?'active':''}}" data-index="0">
<text class="iconfont icon-hot"></text>火热进行
</view>
<view class="tabbar-item {{currentIndex3 == 1?'active':''}}" data-index="1">
<text class="iconfont icon-clock"></text>即将开始
</view>
</view>
<!-- 弹出层 -->
<view class="popup-container" hidden="{{hiddenPopup}}">
<view class="popup">
<view class="popup-content {{currentIndex2 == 2?'active':''}}">
<view class="popup-title dash-b">活动详情</view>
<!-- 搭配促销 -->
<block wx:if="{{currentIndex2 == 1}}">
<view class="pdv20 dash-b fs28">
<view class="popup-title2">必买商品</view>
<view class="popup-title3">商品编号：1000234478</view>
<view class="popup-title3">商品名称：欧诗漫护手霜（条码）</view>
<view class="popup-title3 red">手店价：￥500</view>
</view>
<view class="pdv20">
<view class="popup-title2 fs28">搭配商品</view>
<view class="fs28">
<view class="flex t-c bold pdv10">
<view class="w25">序号</view>
<view class="w25">商品信息</view>
<view class="w25">手店价</view>
<view class="w25">搭配价</view>
</view>
<view class="popup-list t-c">
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50.00</view>
<view class="w25 red">￥50.00</view>
</view>
</view>
</view>
</view>
</block>
<!-- 优惠促销 -->
<block wx:if="{{currentIndex2 == 2}}">
<view class="pdv20 dash-b">
<view class="popup-title2 fs28">参与对象</view>
<view class="flex ai-center t-c fs28 pdv20">
<view class="w50"><radio disabled/>全部商品</view>
<view class="w50"><radio checked="true" disabled/>指定商品</view>
</view>
<view class="fs28">
<view class="flex t-c bold pdv10">
<view class="w25">序号</view>
<view class="w25">商品信息</view>
<view class="w25">手店价</view>
<view class="w25">操作</view>
</view>
<view class="t-c">
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
<view class="flex ai-center pdb10">
<view class="w25">1</view>
<view class="w25 ellipsis-2">欧式满护手霜手霜手霜手霜手霜手霜</view>
<view class="w25">￥50/￥40</view>
<view class="w25"><text class="btn-share">分享</text></view>
</view>
</view>
</view>
</view>
<view class="pdv20">
<view class="popup-title2 fs28">活动详情</view>
<view class="fs28">
<view class="pdv10">需购买：50元/件</view>
<view class="pdl20">
<view class="flex pdb20">
<view class="w50"><radio disabled/>减现金 <text class="red">-100</text></view>
<view class="w50"><radio checked="true" disabled/>打折 <text class="red">90%</text></view>
</view>
<view class="flex pdb20">
<view class="w50"><radio disabled/>包邮</view>
<view class="w50"><radio disabled/>积分 <text class="red">90</text></view>
</view>
<view class="pdb20"><radio disabled/>优惠券</view>
<view class="pdb20"><radio disabled/>赠品</view>
<view><radio disabled/>礼包</view>
</view>
</view>
</view>
</block>
</view>
<view class="popup-btn t-c"><text class="iconfont icon-close" bindtap="closePopup"></text></view>
</view>
</view>
</view>