luckinfo.wxml
8.02 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
<wxs module="filter" src="../../../../utils/filter.wxs"></wxs>
<wxs module="tool" src="./tool.wxs"></wxs>
<view class="luck-container" style="background: {{template.colorCode ? template.colorCode:'#8102FD'}} url({{bannerUrl ? bannerUrl:(imghost + 'miniapp/images/luckDraw/bg.png')}}) no-repeat;">
<!-- <view class="luck-container" style="background: url({{ bannerUrl}}) no-repeat;"> -->
<!-- 中奖人员 -->
<view class="swiper-container" wx:if="{{nameList && nameList.length != 0}}">
<swiper class="swiper" autoplay="true" circular="true" vertical="true" interval="3000">
<swiper-item class="swiper-item" wx:for="{{nameList}}">
<view class="item">
<view class="avatar-container">
<image src="{{item.head_pic}}" class="img-block"></image>
</view>
<view class="flex ai_c pdr10">
<view class="nickname ellipsis-1x">{{item.nickname}}</view>
<view style="flex-shrink: 0;">获得了"{{item.luck_goods_name}}"</view>
</view>
</view>
</swiper-item>
</swiper>
</view>
<!-- 大转盘 -->
<view class="weel-container">
<view>
<lucky-wheel
class="myLucky"
id="myLucky"
width="700rpx"
height="700rpx"
blocks="{{blocks}}"
prizes="{{prizes}}"
buttons="{{buttons}}"
defaultConfig="{{defaultConfig}}"
defaultStyle="{{defaultStyle}}"
bindstart="start"
bindend="end"
hiddenCanvas="{{hiddenCanvas}}"
/>
</view>
<view class="fs28 white t-c pdt10" wx:if="{{luckInfo.vip_act_num == 0}}">今天你有 <text class="fs50 c-yellow">不限次</text> 抽奖机会</view>
<view class="fs28 white t-c pdt10" wx:else>今天你还有 <text class="fs50 c-yellow">{{filter.show_default(luckInfo.user_LuckNumDay, '0')}}</text> 次抽奖机会</view>
<view class="tip-to-down expand-transition">
<text></text>
<text></text>
</view>
</view>
<!-- 奖品展示 -->
<view wx:if="{{award}}">
<view class="badge-container"><image src="{{imghost + 'miniapp/images/luckDraw/badge.png'}}" class="badge prizes" lazy-load></image></view>
<view class="list br12 bg-white">
<view class="list-item" wx:for="{{award}}">
<view class="img-container">
<image wx:if="{{item.luck_goods_img}}" src="{{imghost + item.luck_goods_img}}" class="img" mode="aspectFit"></image>
<image src="{{imghost + tool.showDefaultImg(item.lbtype)}}" class="img" mode="aspectFit" wx:else></image>
</view>
<view class="item-r">
<view class="fs28">{{item.luck_goods_name}}</view>
<view class="flex jc_sb fs26 c9">
<view>价值：<text class="rmb">{{item.luck_goods_price}}</text></view>
<view>数量：{{item.num}}</view>
</view>
</view>
</view>
</view>
</view>
<!-- 活动展示 -->
<view wx:if="{{luckInfo.remark}}">
<view class="badge-container"><image src="{{imghost + 'miniapp/images/luckDraw/badge.png'}}" class="badge activity" lazy-load></image></view>
<view class="bg-white br12 pd20 fs28">
<!-- {{luckInfo.remark}} -->
<import src="../../../../utils/wxParse/wxParse.wxml"/>
<template is="wxParse" data="{{wxParseData:content.nodes}}"/>
<!-- 时间 -->
<!-- <view class="bdb">
<view class="">
<view class="txt-red">活动时间：</view>
<view class="fs28 pdv20">187606546456</view>
</view>
<view>
<view class="txt-red">兑换时间：</view>
<view class="fs28 pdv20">-</view>
</view>
</view> -->
<!-- 规则 -->
<!-- <view class="bdb">
<view class="txt-red pdt20">活动规则：</view>
<view class="fs28 pdv20">-</view>
</view> -->
<!-- 电话 -->
<!-- <view class="bdb">
<view class="txt-red pdt20">联系电话：</view>
<view class="fs28 pdv20">-</view>
</view> -->
<!-- 地址 -->
<!-- <view>
<view class="txt-red pdv20">门店兑换地址：</view>
<view class="pdv20">
<view class="fs28">化妆门店2（芊婕化妆品）</view>
<view class="pdt10 fs24">福建泉州市田安北路明鑫花苑110号</view>
<view class="tel pdt10">
<text class="iconfont icon-tel"></text>
<text class="text-underline">1380000000</text>
</view>
</view>
<view class="pdv20">
<view class="fs28">化妆门店2（芊婕化妆品）</view>
<view class="pdt10 fs24">福建泉州市田安北路明鑫花苑110号</view>
<view class="tel pdt10">
<text class="iconfont icon-tel"></text>
<text class="text-underline">1380000000</text>
</view>
</view>
</view> -->
</view>
</view>
<!-- 二维码 -->
<!-- <view class="qrcode-container">
<image src="../../../images/luckDraw/badge.png" class="qrcode"></image>
<view class="pdt20 fs24 c-7b">
<view>长按二维码关注我们订阅更多优惠</view>
<view>信息更多优惠等你来拿哦</view>
</view>
</view> -->
<!-- 技术支持 -->
<view class="t-c">
<!-- <view class="pdt20 fs26 text-underline">帮美店免费开通这个玩法</view> -->
<view class="flex ai_c fs24 jc-center pdv20 white"><image src="{{imghost + 'miniapp/images/luckDraw/logo.png'}}" class="logo" lazy-load></image>提供技术支持</view>
</view>
</view>
<!-- 悬浮按钮 -->
<view class="gift-container {{((record && record.length != 0) || isActive) ? 'active':''}}" bindtap="showPopup"><text class="iconfont icon-liwu"></text></view>
<!-- 弹窗 -->
<view class="popup-container" wx:if="{{showPopup}}">
<scroll-view class="popup-list" scroll-y bindscrolltolower="loadmore">
<view class="popup-item" wx:for="{{list.pageData}}">
<view class="img-container">
<image wx:if="{{item.luck_goods_img}}" src="{{imghost + item.luck_goods_img}}" class="img" mode="aspectFit"></image>
<image wx:else src="{{imghost + tool.showDefaultImg(item.luck_type)}}" class="img" mode="aspectFit"></image>
</view>
<view class="flex fdc f1">
<view class="ellipsis-2 fs28">{{item.luck_name}}</view>
<view class="pdt20">
<view class="fs26 xc-black3">价值：<text class="rmb">{{item.luck_goods_price}}</text></view>
<view class="flex ai_c jc_fe fs26 xc-black3 ">
<!-- <view style="visibility: {{item.luck_type == 5 ? 'visible':'hidden'}};">兑换状态：{{item.state == 0 ? '未兑换':'已兑换'}}</view> -->
<!-- <view style="">兑换状态：{{item.state == 0 ? '未兑换':'已兑换'}}</view> -->
<view class="btn" bindtap="{{item.luck_type == 5 ? (item.state == 0 ? 'showQr':''):'goto'}}" data-type="{{item.luck_type}}" data-id="{{item.id}}">{{item.luck_type == 5 ? (item.state == 1 ? '已兑换':'兑换'):'查看'}}</view>
</view>
</view>
</view>
</view>
<nodata nodataContainer="t-c" wx:if="{{list.pageData.length == 0}}"></nodata>
<view class="noMore" hidden="{{!noMore}}" wx:if="{{list.pageData.length !== 0}}">—— 已经到底了 ——</view>
</scroll-view>
<view class="close-container" bindtap="closePopup"><text class="iconfont icon-close"></text></view>
</view>
<view class="popup-container2" wx:if="{{showResult}}">
<view class="t-r"><text class="iconfont icon-close white" bindtap="closeResult"></text></view>
<view class="popup">
<view class="t-c">
<block wx:if="{{resultTitle == '谢谢参与'}}">
<view class="bold c-tb fs40">{{luckInfo.no_luck_name}}</view>
<view class="pdt10">{{luckInfo.no_luck_remark}}</view>
<view class="img-container2"><image src="{{imghost + (luckInfo.no_luck_img ? luckInfo.no_luck_img:'miniapp/images/luckDraw/gift.png')}}" class="img" mode="aspectFit"></image></view>
<view class="pdt40 fs26 c9">{{num}}s后自动跳转...</view>
</block>
<block wx:else>
<view class="bold c-tb fs40">恭喜你获得</view>
<view class="pdt10">{{resultTitle}} </view>
<view class="img-container2"><image src="{{imghost + 'miniapp/images/luckDraw/gift.png'}}" class="img" mode="aspectFit"></image></view>
</block>
</view>
<view class="pdt40" wx:if="{{currentLbtype == 5}}">
<view class="btn btn2" bindtap="clickReceive">立即领取</view>
</view>
<!-- <view class="note">注：未领取就关闭弹窗视为主动放弃奖品。</view> -->
</view>
</view>
<!-- 遮罩层 -->
<view class="mask" wx:if="{{showMask}}"></view>
<qrcode id="qrcode" bind:close="closeQr"></qrcode>