正在显示
8 个修改的文件
包含
363 行增加
和
107 行删除
images/junyao/frame.png
0 → 100644

49.2 KB
images/junyao/packet.png
0 → 100644

295.3 KB
@@ -21,17 +21,22 @@ | @@ -21,17 +21,22 @@ | ||
21 | <!-- <lx-button text="取消" plain="{{true}}" lx-class="btn-check-shop" bindtap="goBack" /> --> | 21 | <!-- <lx-button text="取消" plain="{{true}}" lx-class="btn-check-shop" bindtap="goBack" /> --> |
22 | <view class="cancel_btn" bindtap="goBack">取消</view> | 22 | <view class="cancel_btn" bindtap="goBack">取消</view> |
23 | </view> | 23 | </view> |
24 | - <v-popup showPopup="{{showPrivacy}}"> | 24 | + <v-popup showPopup="{{showPrivacy}}" transparent="{{true}}"> |
25 | <view class="agree-wrap"> | 25 | <view class="agree-wrap"> |
26 | + <image class="index_img packet" src="/images/junyao/packet.png" mode="widthFix"/> | ||
26 | <view class="agree-client"> | 27 | <view class="agree-client"> |
27 | - <image src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/wdl.png" /> | ||
28 | - <view>味动力乳酸菌</view> | 28 | + <!-- <image src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/wdl.png" /> --> |
29 | + <!-- <view>味动力乳酸菌</view> --> | ||
30 | + <view class="agreeText">用户隐私政策</view> | ||
29 | </view> | 31 | </view> |
30 | <view class="agree-content"> | 32 | <view class="agree-content"> |
31 | - 在你使用味动力乳酸菌小程序之前,请仔细阅读<text catchtap="handleOpenPrivacyContract">《小程序用户隐私协议声明》</text>。如你同意,请点击“同意”开始使用小程序。 | 33 | + <!-- 在你使用味动力乳酸菌小程序之前,请仔细阅读<text catchtap="handleOpenPrivacyContract">《小程序用户隐私协议声明》</text>。如你同意,请点击“同意”开始使用小程序。 --> |
34 | + <view>为了提供更好的服务并确认您的个人信息安全,在您使用小程序服务之前,请仔细阅读《XXXX隐私保护指引》</view> | ||
35 | + <view>如您同意《XXX隐私保护指引》,</view> | ||
36 | + <view>请点击“同意”开始使用小程序服务。</view> | ||
32 | </view> | 37 | </view> |
33 | <view class="agree-btns"> | 38 | <view class="agree-btns"> |
34 | - <button class="agree-btn" bindtap="closePrivacy">拒绝</button> | 39 | + <button class="agree-btn refuse" bindtap="closePrivacy">拒绝退出</button> |
35 | <button class="agree-btn agree" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button> | 40 | <button class="agree-btn agree" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button> |
36 | </view> | 41 | </view> |
37 | </view> | 42 | </view> |
@@ -13,6 +13,14 @@ | @@ -13,6 +13,14 @@ | ||
13 | position: absolute; | 13 | position: absolute; |
14 | } | 14 | } |
15 | 15 | ||
16 | +.packet { | ||
17 | + z-index: -2; | ||
18 | + top: 0; | ||
19 | + bottom: 0; | ||
20 | + left: 0; | ||
21 | + margin: auto; | ||
22 | +} | ||
23 | + | ||
16 | .logo { | 24 | .logo { |
17 | right: 0; | 25 | right: 0; |
18 | left: 0; | 26 | left: 0; |
@@ -172,11 +180,13 @@ | @@ -172,11 +180,13 @@ | ||
172 | } | 180 | } |
173 | 181 | ||
174 | .agree-wrap { | 182 | .agree-wrap { |
175 | - background-color: #fff; | ||
176 | - width: 600rpx; | 183 | + /* background-color: #fff; */ |
184 | + width: 100%; | ||
177 | box-sizing: border-box; | 185 | box-sizing: border-box; |
178 | - padding: 30rpx 28rpx 50rpx; | ||
179 | border-radius: 20rpx; | 186 | border-radius: 20rpx; |
187 | + height: 53% !important; | ||
188 | + padding: 30rpx 50rpx 50rpx; | ||
189 | + position: relative; | ||
180 | } | 190 | } |
181 | 191 | ||
182 | .agree-client { | 192 | .agree-client { |
@@ -187,13 +197,29 @@ | @@ -187,13 +197,29 @@ | ||
187 | color: #333333; | 197 | color: #333333; |
188 | } | 198 | } |
189 | 199 | ||
200 | +.agreeText { | ||
201 | + margin: auto; | ||
202 | + font-size: 42rpx !important; | ||
203 | + font-weight: bold; | ||
204 | + position: absolute; | ||
205 | + top: -2%; | ||
206 | + left: 0; | ||
207 | + right: 0; | ||
208 | + text-align: center; | ||
209 | +} | ||
210 | + | ||
190 | .agree-content { | 211 | .agree-content { |
191 | color: #333333; | 212 | color: #333333; |
192 | font-size: 30rpx; | 213 | font-size: 30rpx; |
193 | font-weight: Regular; | 214 | font-weight: Regular; |
194 | line-height: 48rpx; | 215 | line-height: 48rpx; |
195 | - margin-top: 34rpx; | 216 | + margin-top: 15%; |
196 | min-height: 216rpx; | 217 | min-height: 216rpx; |
218 | + padding: 0 10%; | ||
219 | +} | ||
220 | + | ||
221 | +.agree-content view { | ||
222 | + padding: 6rpx 0; | ||
197 | } | 223 | } |
198 | 224 | ||
199 | .agree-content text { | 225 | .agree-content text { |
@@ -210,8 +236,15 @@ | @@ -210,8 +236,15 @@ | ||
210 | 236 | ||
211 | .agree-btns { | 237 | .agree-btns { |
212 | display: flex; | 238 | display: flex; |
213 | - justify-content: space-around; | 239 | + /* justify-content: space-around; */ |
240 | + flex-direction: column; | ||
214 | margin-top: 10rpx; | 241 | margin-top: 10rpx; |
242 | + bottom: 10%; | ||
243 | + position: absolute; | ||
244 | + width: 80%; | ||
245 | +} | ||
246 | +.agree-btns button{ | ||
247 | + margin: 10rpx auto; | ||
215 | } | 248 | } |
216 | 249 | ||
217 | .agree-btn { | 250 | .agree-btn { |
@@ -221,10 +254,15 @@ | @@ -221,10 +254,15 @@ | ||
221 | border-radius: 8rpx; | 254 | border-radius: 8rpx; |
222 | font-weight: 500; | 255 | font-weight: 500; |
223 | font-size: 32rpx; | 256 | font-size: 32rpx; |
224 | - color: #07B300; | 257 | + color: #fff; |
225 | } | 258 | } |
226 | 259 | ||
227 | .agree-btn.agree { | 260 | .agree-btn.agree { |
228 | - background: #07B300; | 261 | + background: #FFE18C; |
262 | + color: #F90000; | ||
263 | +} | ||
264 | +.agree-btn.refuse { | ||
265 | + background: #FF2222; | ||
229 | color: #fff; | 266 | color: #fff; |
267 | + border: 1px solid #fff; | ||
230 | } | 268 | } |
@@ -31,10 +31,12 @@ Page({ | @@ -31,10 +31,12 @@ Page({ | ||
31 | received: false, | 31 | received: false, |
32 | isNoAward: false, //没有中奖的情况 | 32 | isNoAward: false, //没有中奖的情况 |
33 | showRedPack: false, //红包 | 33 | showRedPack: false, //红包 |
34 | + showCodeSituation: false, //二维码活动情况 | ||
35 | + txt: "", | ||
34 | showSecondRedPack: false, //待解锁红包 | 36 | showSecondRedPack: false, //待解锁红包 |
35 | secondRedPackBg: 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png', | 37 | secondRedPackBg: 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png', |
36 | excitationRedPack: false, //激励红包 | 38 | excitationRedPack: false, //激励红包 |
37 | - groupRule:'<p style="text-align:center;">\n\t消费者声明及活动详细规则\n</p>\n<p>\n\t请在参与本活动前仔细阅读本活动的各项条款,如果您参加了本活动,则活动主办方认为您已充分理解并同意该规则中的各条款:\n</p>\n<ol>\n\t<li>\n\t\t活动主办方及其联系方式:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t均瑶集团上海食品有限公司(以下简称“主办方”)\n</p>\n<p style="text-indent:24px;">\n\t联系电话:021-60251969(话费自理,工作日:9:00-12:00,13:30-18:00)\n</p>\n<ol>\n\t<li>\n\t\t活动期间及兑奖时间:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t即日起至2026年4月30日23:59:59截止。\n</p>\n<p style="text-indent:24px;">\n\t为充分保障中奖者权益,兑奖时间为即日起至2026年5月1日23:59:59截止,逾期视为自动放弃兑奖。\n</p>\n<ol>\n\t<li>\n\t\t活动区域:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t仅限中国大陆地区(不含港、澳、台)\n</p>\n<ol>\n\t<li>\n\t\t活动参与条件及参与方式:\n\t</li>\n</ol>\n<p style="text-indent:28px;">\n\t即日起,凡购买“扫码赢红包”味动力AD钙奶饮品(2个口味),揭开活动产品包装上活动标签(因其包装设计二维码于瓶盖内,故为揭开瓶盖,敬请谅解),微信扫描其内二维码,进入活动小程序,根据提示完成授权或登陆即可参与活动。参与活动的消费者有机会赢取666元微信红包一份、1.8元微信红包一份或0.6元微信红包一份;同时,还有机会获得复购奖励“1.8元复购红包”,获得复购奖励后再买一瓶活动产品并扫描再次购买的活动产品瓶盖内二维码后即可解锁领取1.8元现金红包,复购奖励数量有限,发完即止。\n</p>\n<ol>\n\t<li>\n\t\t开奖方式与开奖时间:\n\t</li>\n</ol>\n<p>\n\t 参与活动后,根据微信平台活动小程序页面提示,手机扫码即时开奖,若显示中奖,则线上即时领取红包即可。\n</p>\n<ol>\n\t<li>\n\t\t奖项种类设置:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t本活动奖项种类分为常规抽奖与复购奖励。\n</p>\n<ol>\n\t<li>\n\t\t其中常规抽奖设立奖品价格、奖品品名、奖品种类、奖品数量及中奖概率如下:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t一等奖:666元微信现金红包一份,价值人民币六百六十六元,本活动共设18份;中奖概率约为0.0039%\n</p>\n<p style="text-indent:24px;">\n\t二等奖:1.8元微信现金红包一份,价值人民币一元八角,本活动共设6,000份;中奖概率约为1.33%\n</p>\n<p style="text-indent:24px;">\n\t三等奖:0.6元微信现金红包一份,价值人民币八角,本活动共设80,000份;中奖概率约为17.78%\n</p>\n<p style="text-indent:24px;">\n\t其余未中奖将出现“谢谢惠顾”字样。\n</p>\n<p style="text-indent:24px;">\n\t*各奖项中奖率无法整除,谨请谅解。\n</p>\n<ol>\n\t<li>\n\t\t复购奖励设立奖品价格、奖品品名、奖品种类、奖品数量如下:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t复购奖励:人民币1.8元微信现金红包一份,价值人民币壹元捌角,共30,000份,数量有限,先到先得,发完即止。\n</p>\n<ol>\n\t<li>\n\t\t兑奖条件、兑奖方式及奖品交付方式:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t微信扫描活动产品包装上活动标签后,按手机页面提示操作进行兑奖。\n</p>\n<ol>\n\t<li>\n\t\t常规抽奖兑换方式、兑奖方式及奖品交付方式如下:\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t如若抽中一等奖666元,需要完善中奖者姓名、身份证、手机号信息并确认提交即可兑奖。提请注意:因微信平台对商家转账到零钱的单笔提现金额上限至200元,即该奖项到账微信钱包时会自动拆分成4笔同时到中奖者微信账户余额;\n\t</li>\n\t<li>\n\t\t如若抽中二等奖1.8元/三等奖0.8元,点击领取即可兑奖,不需要完善中奖者信息;所得现金红包将存入本人微信账户,可在历史中奖记录中查看。\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t复购奖励兑换方式、兑奖方式及奖品交付方式如下:\n\t</li>\n</ol>\n<p>\n\t 如若抽中复购奖励,复购奖励中奖者再买一瓶活动产品并点击活动页面中的“扫码激活”扫描再次购买的活动产品瓶盖内二维码后点击领取即可兑奖,不需要完善中奖者信息;所得现金红包将自动存入本人微信账户,可在历史中奖记录中查看。\n</p>\n<p style="text-indent:24px;">\n\t红包提现需遵守腾讯公司微信红包提现规则,由系统自动发放,转账延时属正常情况。本次活动所产生的个人所得税由均瑶集团上海食品有限公司依法代扣代缴,现金红包均为税后所得。\n</p>\n<ol>\n\t<li>\n\t\t活动声明、弃奖条件及注意事项:\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t均瑶集团上海食品有限公司对活动产品真实性及有效性具有鉴定及确认权。\n\t</li>\n\t<li>\n\t\t本次活动产品总计投入2,250,000份,每个活动产品二维码只可参与一次抽奖活动,重复扫码无效。\n\t</li>\n\t<li>\n\t\t为保证活动参与体验,主办方将检测活动消费者所提交的相关数据以确保真实性。若检测出消费者有恶意或者虚假刷单行为,主办方有权取消其参加本次活动资格。提请注意:每个微信OpenID活动期间日参与次数限6次,超过参与次数后限制参与,并提示微信号参与已达日上限。消费者可以次日零点后再扫码参与。\n\t</li>\n\t<li>\n\t\t现金红包须在兑奖截止日期前(如需完善相关信息应当在兑换有效期内完善并正确)完成兑奖,过期视为弃奖,主办方不予补发。\n\t</li>\n\t<li>\n\t\t复购奖励中奖者,若未在中奖后72小时内再次购买活动产品并扫描再次购买的活动产品瓶盖内二维码的,视为弃奖。\n\t</li>\n\t<li>\n\t\t消费者应当在活动期间内参与活动并在兑奖期间内完成兑奖,否则视为弃奖。\n\t</li>\n\t<li>\n\t\t活动主办方不对因网络传输原因而导致消费者提交的信息错误或延误承担任何责任。\n\t</li>\n\t<li>\n\t\t消费者领奖过程中所发生的个人费用(包含但不限于上网费、手机流量费、短信费、咨询客服电话费)需自理,主办方不做任何形式的补偿。本活动对象为以消费为目的的消费者,禁止非真实活动参与者的刷单行为,活动参与者不遵守活动规则的,主办方有权根据法律法规及活动规则不予兑换/追回已兑换活动奖品,并且主办方保留追究无参与资格者一切法律责任的权力。\n\t</li>\n\t<li>\n\t\t若因消费者个人原因造成账号、密码遗失,并导致参与活动兑奖的消费者无法提交个人信息的情况,活动主办方不承担责任。\n\t</li>\n\t<li>\n\t\t如发现消费者恶意刷奖行为,包括但不限于:入侵本次活动所使用的网络服务器、使用技术手段获取活动后台信息或篡改活动后台中奖规则、参与记录不符合活动的最低参与要求、盗用他人信息参与活动、冒充他人获得红包等不正当行为,主办方有权取消其活动参与权和收回其所得红包。同时保留依法追究其法律责任的权利。\n\t</li>\n\t<li>\n\t\t活动过程中出现“不可抗力”事件或计算机系统故障直接或间接地造成活动主办方无法履行其全部或部分义务,则活动主办方将免予履行该义务,并无需承担相应的责任。“不可抗力”事件包括但不限于,地震、台风、火灾、水灾、战争、法律法规调整、政府命令禁止、因黑客攻击、计算机病毒影响、系统崩溃、数据丢失或其他人为原因造成计算机系统故障,及其他自然或人为灾害等导致活动无法继续开展的,且活动主办方不可预见、无法避免并无法控制的事件。\n\t</li>\n\t<li>\n\t\t活动过程中,如因政府法律法规调整或行政命令要求,活动主办方有权根据上述调整或要求随时调整活动内容及规则。活动内容及规则调整时,活动主办方将另行向活动参与者公告通知相关的调整,但无需征得活动参与者的同意。主办方有权根据法律法规、司法或行政命令的要求以及活动的实际情况,在法律允许的范围内随时取消、中止或终止此次活动。\n\t</li>\n\t<li>\n\t\t本次活动奖品所涉之相关服务由第三方服务提供商提供,使用服务的相关限制及注意事项以具体服务提供商的要求为准。对于消费者在领取和使用奖品过程中发生的任何伤害和损失,如该伤害和损失非由主办方之过错导致,主办方不承担任何责任。\n\t</li>\n\t<li>\n\t\t消费者需就因其违反本条款及细则的任何规定、侵犯他人权利或其他任何违法的行为而引起的所有索偿、责任、损失、损害、费用和开支对主办方做出补偿。\n\t</li>\n\t<li>\n\t\t本活动适用中华人民共和国法律。因本活动引起的或本活动有关的任何争议,由争议双方友好协商解决。如任何争议不能通过双方友好协商解决的,可通过其他有效法律途径征求最终解决方式。\n\t</li>\n\t<li>\n\t\t活动主办方、本促销活动的代理公司、广告公司、印刷商和相关合作企业之员工、家属,不可参加此次促销活动, 以示公允。\n\t</li>\n\t<li>\n\t\t个人信息:\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t用户向活动主办方提供的个人微信资料数据只会用作本次活动用途,及会被保密处理。\n\t</li>\n\t<li>\n\t\t用户必须授权使用个人微信账号登陆进行互动;若未能及时提供,将不能参加本次活动。\n\t</li>\n\t<li>\n\t\t用户进入本活动时,需要点击同意并授权个人的基本资料给活动主办方使用。本活动将通过微信收集用户基本信息,包括:微信信息资料。以上信息将被主办方委托的第三方用于本活动的奖品派发、活动数据分析等。活动主办方将采取适当的规范手段以保护个人信息安全,防止资料丢失、被盗用或遭篡改。\n\t</li>\n\t<li>\n\t\t用户在使用互联网时对个人信息的运用需进行监管和负责,如有通过公告版等形式自愿提供及公开的个人资料被他人使用或传播,与本活动无关。\n\t</li>\n\t<li>\n\t\t如用户本人主动将微信账号与密码共享,或因各种不可抗力因素所导致的个人资料泄露、丢失、被盗用或被篡改,主办方不承担任何责任。\n\t</li>\n\t<li>\n\t\t如经得用户同意,主办方可使用有关个人资料数据作直接商品促销用途;否则,主办方将不能使用其个人资料作前述直接促销用途。用户须确保所提供的个人资料属实及有效。\n\t</li>\n</ol>', | 39 | + groupRule: '<p style="text-align:center;">\n\t消费者声明及活动详细规则\n</p>\n<p>\n\t请在参与本活动前仔细阅读本活动的各项条款,如果您参加了本活动,则活动主办方认为您已充分理解并同意该规则中的各条款:\n</p>\n<ol>\n\t<li>\n\t\t活动主办方及其联系方式:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t均瑶集团上海食品有限公司(以下简称“主办方”)\n</p>\n<p style="text-indent:24px;">\n\t联系电话:021-60251969(话费自理,工作日:9:00-12:00,13:30-18:00)\n</p>\n<ol>\n\t<li>\n\t\t活动期间及兑奖时间:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t即日起至2026年4月30日23:59:59截止。\n</p>\n<p style="text-indent:24px;">\n\t为充分保障中奖者权益,兑奖时间为即日起至2026年5月1日23:59:59截止,逾期视为自动放弃兑奖。\n</p>\n<ol>\n\t<li>\n\t\t活动区域:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t仅限中国大陆地区(不含港、澳、台)\n</p>\n<ol>\n\t<li>\n\t\t活动参与条件及参与方式:\n\t</li>\n</ol>\n<p style="text-indent:28px;">\n\t即日起,凡购买“扫码赢红包”味动力AD钙奶饮品(2个口味),揭开活动产品包装上活动标签(因其包装设计二维码于瓶盖内,故为揭开瓶盖,敬请谅解),微信扫描其内二维码,进入活动小程序,根据提示完成授权或登陆即可参与活动。参与活动的消费者有机会赢取666元微信红包一份、1.8元微信红包一份或0.6元微信红包一份;同时,还有机会获得复购奖励“1.8元复购红包”,获得复购奖励后再买一瓶活动产品并扫描再次购买的活动产品瓶盖内二维码后即可解锁领取1.8元现金红包,复购奖励数量有限,发完即止。\n</p>\n<ol>\n\t<li>\n\t\t开奖方式与开奖时间:\n\t</li>\n</ol>\n<p>\n\t 参与活动后,根据微信平台活动小程序页面提示,手机扫码即时开奖,若显示中奖,则线上即时领取红包即可。\n</p>\n<ol>\n\t<li>\n\t\t奖项种类设置:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t本活动奖项种类分为常规抽奖与复购奖励。\n</p>\n<ol>\n\t<li>\n\t\t其中常规抽奖设立奖品价格、奖品品名、奖品种类、奖品数量及中奖概率如下:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t一等奖:666元微信现金红包一份,价值人民币六百六十六元,本活动共设18份;中奖概率约为0.0039%\n</p>\n<p style="text-indent:24px;">\n\t二等奖:1.8元微信现金红包一份,价值人民币一元八角,本活动共设6,000份;中奖概率约为1.33%\n</p>\n<p style="text-indent:24px;">\n\t三等奖:0.6元微信现金红包一份,价值人民币八角,本活动共设80,000份;中奖概率约为17.78%\n</p>\n<p style="text-indent:24px;">\n\t其余未中奖将出现“谢谢惠顾”字样。\n</p>\n<p style="text-indent:24px;">\n\t*各奖项中奖率无法整除,谨请谅解。\n</p>\n<ol>\n\t<li>\n\t\t复购奖励设立奖品价格、奖品品名、奖品种类、奖品数量如下:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t复购奖励:人民币1.8元微信现金红包一份,价值人民币壹元捌角,共30,000份,数量有限,先到先得,发完即止。\n</p>\n<ol>\n\t<li>\n\t\t兑奖条件、兑奖方式及奖品交付方式:\n\t</li>\n</ol>\n<p style="text-indent:24px;">\n\t微信扫描活动产品包装上活动标签后,按手机页面提示操作进行兑奖。\n</p>\n<ol>\n\t<li>\n\t\t常规抽奖兑换方式、兑奖方式及奖品交付方式如下:\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t如若抽中一等奖666元,需要完善中奖者姓名、身份证、手机号信息并确认提交即可兑奖。提请注意:因微信平台对商家转账到零钱的单笔提现金额上限至200元,即该奖项到账微信钱包时会自动拆分成4笔同时到中奖者微信账户余额;\n\t</li>\n\t<li>\n\t\t如若抽中二等奖1.8元/三等奖0.8元,点击领取即可兑奖,不需要完善中奖者信息;所得现金红包将存入本人微信账户,可在历史中奖记录中查看。\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t复购奖励兑换方式、兑奖方式及奖品交付方式如下:\n\t</li>\n</ol>\n<p>\n\t 如若抽中复购奖励,复购奖励中奖者再买一瓶活动产品并点击活动页面中的“扫码激活”扫描再次购买的活动产品瓶盖内二维码后点击领取即可兑奖,不需要完善中奖者信息;所得现金红包将自动存入本人微信账户,可在历史中奖记录中查看。\n</p>\n<p style="text-indent:24px;">\n\t红包提现需遵守腾讯公司微信红包提现规则,由系统自动发放,转账延时属正常情况。本次活动所产生的个人所得税由均瑶集团上海食品有限公司依法代扣代缴,现金红包均为税后所得。\n</p>\n<ol>\n\t<li>\n\t\t活动声明、弃奖条件及注意事项:\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t均瑶集团上海食品有限公司对活动产品真实性及有效性具有鉴定及确认权。\n\t</li>\n\t<li>\n\t\t本次活动产品总计投入2,250,000份,每个活动产品二维码只可参与一次抽奖活动,重复扫码无效。\n\t</li>\n\t<li>\n\t\t为保证活动参与体验,主办方将检测活动消费者所提交的相关数据以确保真实性。若检测出消费者有恶意或者虚假刷单行为,主办方有权取消其参加本次活动资格。提请注意:每个微信OpenID活动期间日参与次数限6次,超过参与次数后限制参与,并提示微信号参与已达日上限。消费者可以次日零点后再扫码参与。\n\t</li>\n\t<li>\n\t\t现金红包须在兑奖截止日期前(如需完善相关信息应当在兑换有效期内完善并正确)完成兑奖,过期视为弃奖,主办方不予补发。\n\t</li>\n\t<li>\n\t\t复购奖励中奖者,若未在中奖后72小时内再次购买活动产品并扫描再次购买的活动产品瓶盖内二维码的,视为弃奖。\n\t</li>\n\t<li>\n\t\t消费者应当在活动期间内参与活动并在兑奖期间内完成兑奖,否则视为弃奖。\n\t</li>\n\t<li>\n\t\t活动主办方不对因网络传输原因而导致消费者提交的信息错误或延误承担任何责任。\n\t</li>\n\t<li>\n\t\t消费者领奖过程中所发生的个人费用(包含但不限于上网费、手机流量费、短信费、咨询客服电话费)需自理,主办方不做任何形式的补偿。本活动对象为以消费为目的的消费者,禁止非真实活动参与者的刷单行为,活动参与者不遵守活动规则的,主办方有权根据法律法规及活动规则不予兑换/追回已兑换活动奖品,并且主办方保留追究无参与资格者一切法律责任的权力。\n\t</li>\n\t<li>\n\t\t若因消费者个人原因造成账号、密码遗失,并导致参与活动兑奖的消费者无法提交个人信息的情况,活动主办方不承担责任。\n\t</li>\n\t<li>\n\t\t如发现消费者恶意刷奖行为,包括但不限于:入侵本次活动所使用的网络服务器、使用技术手段获取活动后台信息或篡改活动后台中奖规则、参与记录不符合活动的最低参与要求、盗用他人信息参与活动、冒充他人获得红包等不正当行为,主办方有权取消其活动参与权和收回其所得红包。同时保留依法追究其法律责任的权利。\n\t</li>\n\t<li>\n\t\t活动过程中出现“不可抗力”事件或计算机系统故障直接或间接地造成活动主办方无法履行其全部或部分义务,则活动主办方将免予履行该义务,并无需承担相应的责任。“不可抗力”事件包括但不限于,地震、台风、火灾、水灾、战争、法律法规调整、政府命令禁止、因黑客攻击、计算机病毒影响、系统崩溃、数据丢失或其他人为原因造成计算机系统故障,及其他自然或人为灾害等导致活动无法继续开展的,且活动主办方不可预见、无法避免并无法控制的事件。\n\t</li>\n\t<li>\n\t\t活动过程中,如因政府法律法规调整或行政命令要求,活动主办方有权根据上述调整或要求随时调整活动内容及规则。活动内容及规则调整时,活动主办方将另行向活动参与者公告通知相关的调整,但无需征得活动参与者的同意。主办方有权根据法律法规、司法或行政命令的要求以及活动的实际情况,在法律允许的范围内随时取消、中止或终止此次活动。\n\t</li>\n\t<li>\n\t\t本次活动奖品所涉之相关服务由第三方服务提供商提供,使用服务的相关限制及注意事项以具体服务提供商的要求为准。对于消费者在领取和使用奖品过程中发生的任何伤害和损失,如该伤害和损失非由主办方之过错导致,主办方不承担任何责任。\n\t</li>\n\t<li>\n\t\t消费者需就因其违反本条款及细则的任何规定、侵犯他人权利或其他任何违法的行为而引起的所有索偿、责任、损失、损害、费用和开支对主办方做出补偿。\n\t</li>\n\t<li>\n\t\t本活动适用中华人民共和国法律。因本活动引起的或本活动有关的任何争议,由争议双方友好协商解决。如任何争议不能通过双方友好协商解决的,可通过其他有效法律途径征求最终解决方式。\n\t</li>\n\t<li>\n\t\t活动主办方、本促销活动的代理公司、广告公司、印刷商和相关合作企业之员工、家属,不可参加此次促销活动, 以示公允。\n\t</li>\n\t<li>\n\t\t个人信息:\n\t</li>\n</ol>\n<ol>\n\t<li>\n\t\t用户向活动主办方提供的个人微信资料数据只会用作本次活动用途,及会被保密处理。\n\t</li>\n\t<li>\n\t\t用户必须授权使用个人微信账号登陆进行互动;若未能及时提供,将不能参加本次活动。\n\t</li>\n\t<li>\n\t\t用户进入本活动时,需要点击同意并授权个人的基本资料给活动主办方使用。本活动将通过微信收集用户基本信息,包括:微信信息资料。以上信息将被主办方委托的第三方用于本活动的奖品派发、活动数据分析等。活动主办方将采取适当的规范手段以保护个人信息安全,防止资料丢失、被盗用或遭篡改。\n\t</li>\n\t<li>\n\t\t用户在使用互联网时对个人信息的运用需进行监管和负责,如有通过公告版等形式自愿提供及公开的个人资料被他人使用或传播,与本活动无关。\n\t</li>\n\t<li>\n\t\t如用户本人主动将微信账号与密码共享,或因各种不可抗力因素所导致的个人资料泄露、丢失、被盗用或被篡改,主办方不承担任何责任。\n\t</li>\n\t<li>\n\t\t如经得用户同意,主办方可使用有关个人资料数据作直接商品促销用途;否则,主办方将不能使用其个人资料作前述直接促销用途。用户须确保所提供的个人资料属实及有效。\n\t</li>\n</ol>', |
38 | locate: '', | 40 | locate: '', |
39 | received: false | 41 | received: false |
40 | }, | 42 | }, |
@@ -91,26 +93,61 @@ Page({ | @@ -91,26 +93,61 @@ Page({ | ||
91 | 93 | ||
92 | }, | 94 | }, |
93 | 95 | ||
94 | - getPromotion(pageData){ //查询二维码信息和活动信息 | 96 | + getPromotion(pageData) { //查询二维码信息和活动信息 |
95 | let latitude = getApp().globalData.userInfo.latitude | 97 | let latitude = getApp().globalData.userInfo.latitude |
96 | let longitude = getApp().globalData.userInfo.longitude | 98 | let longitude = getApp().globalData.userInfo.longitude |
97 | const apiBase = config.dataServer | 99 | const apiBase = config.dataServer |
98 | wx.request({ | 100 | wx.request({ |
99 | url: apiBase + `/tag/v2/promotion?longitude=${longitude}&latitude=${latitude}`, | 101 | url: apiBase + `/tag/v2/promotion?longitude=${longitude}&latitude=${latitude}`, |
100 | header: { | 102 | header: { |
101 | - 'Authorization':`Bearer ${getApp().globalData.userInfo?.token}`, | 103 | + 'Authorization': `Bearer ${getApp().globalData.userInfo?.token}`, |
102 | 'serialId': getApp().userInfo?.serialId | 104 | 'serialId': getApp().userInfo?.serialId |
103 | }, | 105 | }, |
104 | method: "GET", | 106 | method: "GET", |
105 | data: { | 107 | data: { |
106 | code: pageData.qrCode, //wxff6674eabc54fc28 wx0f695ef70a18d602 wx43fc214041ea41da | 108 | code: pageData.qrCode, //wxff6674eabc54fc28 wx0f695ef70a18d602 wx43fc214041ea41da |
107 | uri: pageData.qrUri, | 109 | uri: pageData.qrUri, |
108 | - wechatSource: "",//小程序场景值 小程序里扫码:-1000 | ||
109 | - tagCodeType:"STANDARD",//码类型 | ||
110 | - pageInfo:true //是否需要页面模板信息(需命中方案) | 110 | + wechatSource: "", //小程序场景值 小程序里扫码:-1000 |
111 | + tagCodeType: "STANDARD", //码类型 | ||
112 | + pageInfo: true //是否需要页面模板信息(需命中方案) | ||
111 | }, | 113 | }, |
112 | timeout: 30 * 1000, | 114 | timeout: 30 * 1000, |
113 | success: (res) => { | 115 | success: (res) => { |
116 | + //拟写 | ||
117 | + let type = res.type | ||
118 | + type = "3" | ||
119 | + switch (type) { | ||
120 | + case '1': | ||
121 | + this.setData({ | ||
122 | + showCodeSituation: true, | ||
123 | + txt: "二维码已经参与活动" | ||
124 | + }) | ||
125 | + break; | ||
126 | + case '2': | ||
127 | + this.setData({ | ||
128 | + showCodeSituation: true, | ||
129 | + txt: "二维码不可激活" | ||
130 | + }) | ||
131 | + break; | ||
132 | + case '3': | ||
133 | + this.setData({ | ||
134 | + showCodeSituation: true, | ||
135 | + txt: "激励奖励已达上限" | ||
136 | + }) | ||
137 | + break; | ||
138 | + case '4': | ||
139 | + this.setData({ | ||
140 | + showCodeSituation: true, | ||
141 | + txt: "前方拥堵,还请耐心等待 请稍后再来试试" | ||
142 | + }) | ||
143 | + break; | ||
144 | + case '5': | ||
145 | + this.setData({ | ||
146 | + showCodeSituation: true, | ||
147 | + txt: "您扫码的二维码不正确 请换一个试试" | ||
148 | + }) | ||
149 | + break; | ||
150 | + } | ||
114 | wx.hideLoading() | 151 | wx.hideLoading() |
115 | // wx.reLaunch({ | 152 | // wx.reLaunch({ |
116 | // url: this.myrouter ? decodeURIComponent( | 153 | // url: this.myrouter ? decodeURIComponent( |
@@ -143,7 +180,7 @@ Page({ | @@ -143,7 +180,7 @@ Page({ | ||
143 | return new Promise((resolve, reject) => { | 180 | return new Promise((resolve, reject) => { |
144 | wx.getFuzzyLocation({ | 181 | wx.getFuzzyLocation({ |
145 | type: 'gcj02', | 182 | type: 'gcj02', |
146 | - success: (res)=> { | 183 | + success: (res) => { |
147 | getApp().globalData.userInfo.latitude = res.latitude | 184 | getApp().globalData.userInfo.latitude = res.latitude |
148 | getApp().globalData.userInfo.longitude = res.longitude | 185 | getApp().globalData.userInfo.longitude = res.longitude |
149 | resolve(res.latitude + ',' + res.longitude) | 186 | resolve(res.latitude + ',' + res.longitude) |
@@ -186,7 +223,7 @@ Page({ | @@ -186,7 +223,7 @@ Page({ | ||
186 | wx.request({ | 223 | wx.request({ |
187 | url: apiBase + "/lottery/v2/tag?longitude=&latitude=", | 224 | url: apiBase + "/lottery/v2/tag?longitude=&latitude=", |
188 | header: { | 225 | header: { |
189 | - 'Authorization':`Bearer ${getApp().globalData.userInfo?.token}`, | 226 | + 'Authorization': `Bearer ${getApp().globalData.userInfo?.token}`, |
190 | 'serialId': getApp().userInfo?.serialId | 227 | 'serialId': getApp().userInfo?.serialId |
191 | }, | 228 | }, |
192 | method: "POST", | 229 | method: "POST", |
@@ -201,11 +238,30 @@ Page({ | @@ -201,11 +238,30 @@ Page({ | ||
201 | }, | 238 | }, |
202 | timeout: 30 * 1000, | 239 | timeout: 30 * 1000, |
203 | success: (res) => { | 240 | success: (res) => { |
204 | - console.log(res,"res"); | 241 | + console.log(res, "res"); //抽奖后返回的结果 新接口 |
242 | + //弹出中奖结果 | ||
243 | + //1.showRedPack | ||
205 | this.setData({ | 244 | this.setData({ |
206 | - scanRewardVO: res.data.prizes[0], | ||
207 | - showRedPack: true | 245 | + scanRewardVO: (res.data?.prizes && res.data?.prizes[0]) || { |
246 | + amount: 1 | ||
247 | + }, | ||
248 | + showRedPack: true, | ||
249 | + excitationRedPack: true | ||
208 | }) | 250 | }) |
251 | + //2.完善个人信息 | ||
252 | + // this.setData({ | ||
253 | + // showCouponComMess: true, | ||
254 | + // isOneReward:true //手机授权/填写身份信息 | ||
255 | + // }) | ||
256 | + // 3.receiveVis | ||
257 | + // this.setData({ | ||
258 | + // receiveVis: true, | ||
259 | + // isNoAward:true // 获奖/谢谢参与 | ||
260 | + // }) | ||
261 | + // 4.领取成功,继续扫码 | ||
262 | + // this.setData({ | ||
263 | + // showSecondRedPack: true, | ||
264 | + // }) | ||
209 | }, | 265 | }, |
210 | fail: (res) => { | 266 | fail: (res) => { |
211 | const [title, info] = res.data.errorMsg.split('|') | 267 | const [title, info] = res.data.errorMsg.split('|') |
@@ -290,10 +346,15 @@ Page({ | @@ -290,10 +346,15 @@ Page({ | ||
290 | brandId, | 346 | brandId, |
291 | voucherNo | 347 | voucherNo |
292 | } | 348 | } |
349 | + this.setData({ | ||
350 | + showRedPack: false //关闭红包 | ||
351 | + }) | ||
352 | + return | ||
353 | + //原先的接口业务 | ||
293 | app.utils.doPost({ | 354 | app.utils.doPost({ |
294 | url: '/my/getWinGoodsAndCompleteInfo.json', | 355 | url: '/my/getWinGoodsAndCompleteInfo.json', |
295 | params: postData | 356 | params: postData |
296 | - },true) | 357 | + }, true) |
297 | .then(async res => { | 358 | .then(async res => { |
298 | await this.getUserInfo() | 359 | await this.getUserInfo() |
299 | const data = res.data | 360 | const data = res.data |
@@ -386,21 +447,23 @@ Page({ | @@ -386,21 +447,23 @@ Page({ | ||
386 | this.checkIsFilled() | 447 | this.checkIsFilled() |
387 | }, | 448 | }, |
388 | getPhoneNumber(e) { | 449 | getPhoneNumber(e) { |
450 | + console.log(e, "e"); | ||
389 | const { | 451 | const { |
390 | code | 452 | code |
391 | } = e.detail | 453 | } = e.detail |
392 | if (!code) return | 454 | if (!code) return |
393 | - app.utils.doPost({ | ||
394 | - url: '/daNoneUtc/doWechatBindPhone.json', | ||
395 | - params: { | ||
396 | - code | ||
397 | - } | ||
398 | - }).then(res => { | ||
399 | - this.setData({ | ||
400 | - 'submitForm.phone': res.data | ||
401 | - }) | ||
402 | - this.checkIsFilled() | ||
403 | - }) | 455 | + //请求后台获取手机号码 |
456 | + // app.utils.doPost({ | ||
457 | + // url: '/daNoneUtc/doWechatBindPhone.json', | ||
458 | + // params: { | ||
459 | + // code | ||
460 | + // } | ||
461 | + // },true).then(res => { | ||
462 | + // this.setData({ | ||
463 | + // 'submitForm.phone': res.data | ||
464 | + // }) | ||
465 | + // this.checkIsFilled() | ||
466 | + // }) | ||
404 | }, | 467 | }, |
405 | IdCard(id) { | 468 | IdCard(id) { |
406 | var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/ | 469 | var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/ |
@@ -521,6 +584,11 @@ Page({ | @@ -521,6 +584,11 @@ Page({ | ||
521 | receiveVis: false | 584 | receiveVis: false |
522 | }) | 585 | }) |
523 | }, | 586 | }, |
587 | + closeCodeSituation() { | ||
588 | + this.setData({ | ||
589 | + showCodeSituation: false | ||
590 | + }) | ||
591 | + }, | ||
524 | closeRedPack() { | 592 | closeRedPack() { |
525 | this.setData({ | 593 | this.setData({ |
526 | showRedPack: false | 594 | showRedPack: false |
@@ -86,24 +86,41 @@ | @@ -86,24 +86,41 @@ | ||
86 | <image class="index_img pup_activity " src="/images/junyao/pup_activity.png" mode="widthFix"/> | 86 | <image class="index_img pup_activity " src="/images/junyao/pup_activity.png" mode="widthFix"/> |
87 | </popup> | 87 | </popup> |
88 | 88 | ||
89 | + <!-- 查询二维码活动后的情况 --> | ||
90 | + <v-popup showPopup="{{showCodeSituation}}" transparent="{{true}}"> | ||
91 | + <image class="index_img packet" src="/images/junyao/packet.png" mode="widthFix"/> | ||
92 | + <view class="receive_poup"> | ||
93 | + <!-- <image class="success_icon" src="{{ isNoAward ? 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/no_award.png' : 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/success_icon.png' }}" mode=""/> --> | ||
94 | + <view class="receive_poup_content"> | ||
95 | + <view class="receive_text packTips">提示</view> | ||
96 | + <view class="receive_text textTip" style="margin-top: 150rpx;">{{txt}}</view> | ||
97 | + <view class="receive_text"></view> | ||
98 | + </view> | ||
99 | + <view class="coninue_scan secondRed_btn" bindtap="goIndex">进入首页</view> | ||
100 | + <view class="close_poup" bindtap="closeCodeSituation"></view> | ||
101 | + </view> | ||
102 | + </v-popup> | ||
103 | + | ||
89 | <!-- showRedPack --> | 104 | <!-- showRedPack --> |
90 | <v-popup showPopup="{{showRedPack}}"> | 105 | <v-popup showPopup="{{showRedPack}}"> |
106 | + <image class="index_img packet" src="/images/junyao/packet.png" mode="widthFix"/> | ||
91 | <view class="redpack_poup"> | 107 | <view class="redpack_poup"> |
92 | <view class="red_amount">{{scanRewardVO.amount}}<text style="font-size: 90rpx;vertical-align: middle;">元</text></view> | 108 | <view class="red_amount">{{scanRewardVO.amount}}<text style="font-size: 90rpx;vertical-align: middle;">元</text></view> |
93 | <view class="red_text">{{excitationRedPack ? '激励红包' : '现金红包'}}</view> | 109 | <view class="red_text">{{excitationRedPack ? '激励红包' : '现金红包'}}</view> |
94 | - <view class="red_btn" bindtap="goReceive"></view> | 110 | + <view class="red_btn secondRed_btn" bindtap="goReceive">收下</view> |
95 | <view class="red_close_poup" bindtap="closeRedPack"></view> | 111 | <view class="red_close_poup" bindtap="closeRedPack"></view> |
96 | </view> | 112 | </view> |
97 | </v-popup> | 113 | </v-popup> |
98 | 114 | ||
99 | <!-- 完善信息 showCouponComMess --> | 115 | <!-- 完善信息 showCouponComMess --> |
100 | <v-popup showPopup="{{showCouponComMess}}"> | 116 | <v-popup showPopup="{{showCouponComMess}}"> |
117 | + <image class="index_img packet" src="/images/junyao/frame.png" mode="widthFix"/> | ||
101 | <view class="{{isOneReward ? 'comMessBox' : 'comMessBox height_little'}}"> | 118 | <view class="{{isOneReward ? 'comMessBox' : 'comMessBox height_little'}}"> |
102 | <view class="messTitle">完善个人信息</view> | 119 | <view class="messTitle">完善个人信息</view> |
103 | <!-- <view class="messBoxClose" bindtap="messBoxClose"></view> --> | 120 | <!-- <view class="messBoxClose" bindtap="messBoxClose"></view> --> |
104 | <view class="formBox"> | 121 | <view class="formBox"> |
105 | <form bindsubmit="formSubmit"> | 122 | <form bindsubmit="formSubmit"> |
106 | - <view class="inputModel" wx:if="{{isOneReward}}"><text class="red">*</text><text class="inputDesc" decode>姓  名:</text> | 123 | + <view class="inputModel" wx:if="{{isOneReward}}"><text class="red">*</text><text class="inputDesc" decode> 收货人:</text> |
107 | <input | 124 | <input |
108 | class="inputSelf" | 125 | class="inputSelf" |
109 | placeholder="请输入姓名" | 126 | placeholder="请输入姓名" |
@@ -114,7 +131,7 @@ | @@ -114,7 +131,7 @@ | ||
114 | value="{{ submitForm.name }}" | 131 | value="{{ submitForm.name }}" |
115 | /> | 132 | /> |
116 | </view> | 133 | </view> |
117 | - <view class="inputModel"><text class="red">*</text><text class="inputDesc">手机号码:</text> | 134 | + <view class="inputModel"><text class="red">*</text><text class="inputDesc">联系电话:</text> |
118 | <input | 135 | <input |
119 | class="inputSelf phoneInput" | 136 | class="inputSelf phoneInput" |
120 | placeholder="" | 137 | placeholder="" |
@@ -150,12 +167,16 @@ | @@ -150,12 +167,16 @@ | ||
150 | 167 | ||
151 | 168 | ||
152 | <!-- receiveVis --> | 169 | <!-- receiveVis --> |
153 | - <v-popup showPopup="{{receiveVis}}"> | 170 | + <v-popup showPopup="{{receiveVis}}" transparent="{{true}}"> |
171 | + <image class="index_img packet" src="/images/junyao/packet.png" mode="widthFix"/> | ||
154 | <view class="receive_poup"> | 172 | <view class="receive_poup"> |
155 | - <image class="success_icon" src="{{ isNoAward ? 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/no_award.png' : 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/success_icon.png' }}" mode=""/> | ||
156 | - <view class="receive_text" style="margin-top: 40rpx;">{{isNoAward ? '很遗憾此次未中奖' : '恭喜您领取成功'}}</view> | 173 | + <!-- <image class="success_icon" src="{{ isNoAward ? 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/no_award.png' : 'https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/success_icon.png' }}" mode=""/> --> |
174 | + <view class="receive_poup_content"> | ||
175 | + <view class="receive_text packTips">提示</view> | ||
176 | + <view class="receive_text" style="margin-top: 150rpx;">{{isNoAward ? '很遗憾此次未中奖' : '恭喜您领取成功'}}</view> | ||
157 | <view class="receive_text">{{isNoAward ? '谢谢参与' : '奖励已发放至您的微信账户'}}</view> | 177 | <view class="receive_text">{{isNoAward ? '谢谢参与' : '奖励已发放至您的微信账户'}}</view> |
158 | - <view class="coninue_scan" bindtap="handleScan">继续扫码</view> | 178 | + </view> |
179 | + <view class="coninue_scan secondRed_btn" bindtap="handleScan">继续扫码</view> | ||
159 | <view class="close_poup" bindtap="closeReceiveModal"></view> | 180 | <view class="close_poup" bindtap="closeReceiveModal"></view> |
160 | </view> | 181 | </view> |
161 | </v-popup> | 182 | </v-popup> |
@@ -166,9 +187,20 @@ | @@ -166,9 +187,20 @@ | ||
166 | 187 | ||
167 | <!-- showSecondRedPack --> | 188 | <!-- showSecondRedPack --> |
168 | <v-popup showPopup="{{showSecondRedPack}}"> | 189 | <v-popup showPopup="{{showSecondRedPack}}"> |
169 | - <view class="secondRedpack_poup" style="background-image: url({{secondRedPackBg}});"> | ||
170 | - <image class="secondRed_amount" src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_red.png"></image> | ||
171 | - <view class="secondRed_btn" bindtap="handleScan">继续扫码</view> | 190 | + <view class="secondRedpack_poup"> |
191 | + <image class="index_img packet" src="/images/junyao/packet.png" mode="widthFix"/> | ||
192 | + <!-- <image class="secondRed_amount" src="https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_red.png"></image> --> | ||
193 | + <view class="secondRedPackContent"> | ||
194 | + <view class="packPrice">1.8元</view> | ||
195 | + <view>再喝一瓶开盖扫码</view> | ||
196 | + <view>即可解锁复购红包</view> | ||
197 | + <view class="time2">72小时内有效</view> | ||
198 | + </view> | ||
199 | + <view class="secondRed_btn_box"> | ||
200 | + <view>喜上加喜!</view> | ||
201 | + <view>恭喜您获得双重好礼</view> | ||
202 | + <view class="secondRed_btn" bindtap="handleScan">继续开奖</view> | ||
203 | + </view> | ||
172 | <view class="secondRed_close_poup" bindtap="closeSecondRedPack"></view> | 204 | <view class="secondRed_close_poup" bindtap="closeSecondRedPack"></view> |
173 | </view> | 205 | </view> |
174 | </v-popup> | 206 | </v-popup> |
@@ -5,10 +5,12 @@ | @@ -5,10 +5,12 @@ | ||
5 | font-weight: normal; | 5 | font-weight: normal; |
6 | font-style: normal; | 6 | font-style: normal; |
7 | } | 7 | } |
8 | -page{ | 8 | + |
9 | +page { | ||
9 | height: 100%; | 10 | height: 100%; |
10 | } | 11 | } |
11 | -.container{ | 12 | + |
13 | +.container { | ||
12 | width: 100vw; | 14 | width: 100vw; |
13 | /* min-height: 100vh; */ | 15 | /* min-height: 100vh; */ |
14 | min-height: 1624rpx; | 16 | min-height: 1624rpx; |
@@ -28,7 +30,15 @@ page{ | @@ -28,7 +30,15 @@ page{ | ||
28 | position: absolute; | 30 | position: absolute; |
29 | } | 31 | } |
30 | 32 | ||
31 | -.logo{ | 33 | +.packet { |
34 | + z-index: -2; | ||
35 | + top: 0; | ||
36 | + bottom: 0; | ||
37 | + left: 0; | ||
38 | + margin: auto; | ||
39 | +} | ||
40 | + | ||
41 | +.logo { | ||
32 | right: 0; | 42 | right: 0; |
33 | left: 0; | 43 | left: 0; |
34 | margin: auto; | 44 | margin: auto; |
@@ -36,13 +46,13 @@ page{ | @@ -36,13 +46,13 @@ page{ | ||
36 | top: 11.5%; | 46 | top: 11.5%; |
37 | } | 47 | } |
38 | 48 | ||
39 | -.myPrize{ | 49 | +.myPrize { |
40 | right: 10rpx; | 50 | right: 10rpx; |
41 | width: 170rpx; | 51 | width: 170rpx; |
42 | top: 30%; | 52 | top: 30%; |
43 | } | 53 | } |
44 | 54 | ||
45 | -.welfareOfficer{ | 55 | +.welfareOfficer { |
46 | right: 10rpx; | 56 | right: 10rpx; |
47 | width: 170rpx; | 57 | width: 170rpx; |
48 | bottom: 28%; | 58 | bottom: 28%; |
@@ -98,7 +108,7 @@ page{ | @@ -98,7 +108,7 @@ page{ | ||
98 | width: 75%; | 108 | width: 75%; |
99 | } | 109 | } |
100 | 110 | ||
101 | -.pup_activity{ | 111 | +.pup_activity { |
102 | /* height: ; */ | 112 | /* height: ; */ |
103 | z-index: -2; | 113 | z-index: -2; |
104 | /* height: 75%; */ | 114 | /* height: 75%; */ |
@@ -116,6 +126,7 @@ page{ | @@ -116,6 +126,7 @@ page{ | ||
116 | width: 750rpx; | 126 | width: 750rpx; |
117 | height: 206rpx; | 127 | height: 206rpx; |
118 | } | 128 | } |
129 | + | ||
119 | .marquee-content { | 130 | .marquee-content { |
120 | width: 750rpx; | 131 | width: 750rpx; |
121 | height: 50rpx; | 132 | height: 50rpx; |
@@ -127,24 +138,29 @@ page{ | @@ -127,24 +138,29 @@ page{ | ||
127 | overflow: hidden; | 138 | overflow: hidden; |
128 | margin-bottom: 24rpx; | 139 | margin-bottom: 24rpx; |
129 | } | 140 | } |
141 | + | ||
130 | .marquee { | 142 | .marquee { |
131 | position: absolute; | 143 | position: absolute; |
132 | height: 100%; | 144 | height: 100%; |
133 | white-space: nowrap; | 145 | white-space: nowrap; |
134 | } | 146 | } |
147 | + | ||
135 | .marquee view { | 148 | .marquee view { |
136 | display: inline-block; | 149 | display: inline-block; |
137 | } | 150 | } |
151 | + | ||
138 | .marquee-item { | 152 | .marquee-item { |
139 | display: inline-block; | 153 | display: inline-block; |
140 | height: 100%; | 154 | height: 100%; |
141 | } | 155 | } |
156 | + | ||
142 | .wl-opt { | 157 | .wl-opt { |
143 | position: fixed; | 158 | position: fixed; |
144 | top: 736rpx; | 159 | top: 736rpx; |
145 | right: 0; | 160 | right: 0; |
146 | width: 88rpx; | 161 | width: 88rpx; |
147 | } | 162 | } |
163 | + | ||
148 | .wl-opt-btn { | 164 | .wl-opt-btn { |
149 | width: 88rpx; | 165 | width: 88rpx; |
150 | height: 76rpx; | 166 | height: 76rpx; |
@@ -159,6 +175,7 @@ page{ | @@ -159,6 +175,7 @@ page{ | ||
159 | padding-top: 14rpx; | 175 | padding-top: 14rpx; |
160 | margin-bottom: 12rpx; | 176 | margin-bottom: 12rpx; |
161 | } | 177 | } |
178 | + | ||
162 | .marquee-item_text { | 179 | .marquee-item_text { |
163 | height: 50rpx; | 180 | height: 50rpx; |
164 | line-height: 50rpx; | 181 | line-height: 50rpx; |
@@ -169,15 +186,18 @@ page{ | @@ -169,15 +186,18 @@ page{ | ||
169 | margin: 0 24rpx; | 186 | margin: 0 24rpx; |
170 | background-color: rgba(255, 255, 255, 0.33); | 187 | background-color: rgba(255, 255, 255, 0.33); |
171 | } | 188 | } |
189 | + | ||
172 | @keyframes marquee { | 190 | @keyframes marquee { |
173 | 0% { | 191 | 0% { |
174 | left: 0; | 192 | left: 0; |
175 | } | 193 | } |
194 | + | ||
176 | 100% { | 195 | 100% { |
177 | left: var(--width); | 196 | left: var(--width); |
178 | } | 197 | } |
179 | } | 198 | } |
180 | -.fixed_btn{ | 199 | + |
200 | +.fixed_btn { | ||
181 | width: 85rpx; | 201 | width: 85rpx; |
182 | height: 80rpx; | 202 | height: 80rpx; |
183 | /* background: #3f9ed1; */ | 203 | /* background: #3f9ed1; */ |
@@ -195,30 +215,37 @@ page{ | @@ -195,30 +215,37 @@ page{ | ||
195 | justify-content: center; | 215 | justify-content: center; |
196 | align-items: center; | 216 | align-items: center; |
197 | } | 217 | } |
198 | -.btn_1{ | 218 | + |
219 | +.btn_1 { | ||
199 | right: 0rpx; | 220 | right: 0rpx; |
200 | top: 200rpx; | 221 | top: 200rpx; |
201 | } | 222 | } |
202 | -.btn_2{ | 223 | + |
224 | +.btn_2 { | ||
203 | right: 0rpx; | 225 | right: 0rpx; |
204 | top: 296rpx; | 226 | top: 296rpx; |
205 | } | 227 | } |
206 | -.btn_3{ | 228 | + |
229 | +.btn_3 { | ||
207 | right: 0rpx; | 230 | right: 0rpx; |
208 | top: 292rpx; | 231 | top: 292rpx; |
209 | } | 232 | } |
210 | -.btn_4{ | 233 | + |
234 | +.btn_4 { | ||
211 | right: 0rpx; | 235 | right: 0rpx; |
212 | top: 388rpx; | 236 | top: 388rpx; |
213 | } | 237 | } |
214 | -.scan_icon{ | 238 | + |
239 | +.scan_icon { | ||
215 | width: 40rpx; | 240 | width: 40rpx; |
216 | height: 40rpx; | 241 | height: 40rpx; |
217 | } | 242 | } |
218 | -.mt_down{ | 243 | + |
244 | +.mt_down { | ||
219 | margin-bottom: 5rpx; | 245 | margin-bottom: 5rpx; |
220 | } | 246 | } |
221 | -.reward_btn{ | 247 | + |
248 | +.reward_btn { | ||
222 | width: 702rpx; | 249 | width: 702rpx; |
223 | height: 250rpx; | 250 | height: 250rpx; |
224 | position: absolute; | 251 | position: absolute; |
@@ -237,7 +264,8 @@ page{ | @@ -237,7 +264,8 @@ page{ | ||
237 | line-height: 168rpx; | 264 | line-height: 168rpx; |
238 | font-weight: 600; | 265 | font-weight: 600; |
239 | } | 266 | } |
240 | -.reward_btn_none{ | 267 | + |
268 | +.reward_btn_none { | ||
241 | width: 702rpx; | 269 | width: 702rpx; |
242 | height: 250rpx; | 270 | height: 250rpx; |
243 | position: absolute; | 271 | position: absolute; |
@@ -256,7 +284,8 @@ page{ | @@ -256,7 +284,8 @@ page{ | ||
256 | line-height: 168rpx; | 284 | line-height: 168rpx; |
257 | font-weight: 600; | 285 | font-weight: 600; |
258 | } | 286 | } |
259 | -.id_code{ | 287 | + |
288 | +.id_code { | ||
260 | position: absolute; | 289 | position: absolute; |
261 | bottom: 112rpx; | 290 | bottom: 112rpx; |
262 | text-align: center; | 291 | text-align: center; |
@@ -265,7 +294,8 @@ page{ | @@ -265,7 +294,8 @@ page{ | ||
265 | font-size: 30rpx; | 294 | font-size: 30rpx; |
266 | color: rgba(255, 255, 255, 1); | 295 | color: rgba(255, 255, 255, 1); |
267 | } | 296 | } |
268 | -.id_mes{ | 297 | + |
298 | +.id_mes { | ||
269 | position: absolute; | 299 | position: absolute; |
270 | bottom: 52rpx; | 300 | bottom: 52rpx; |
271 | text-align: center; | 301 | text-align: center; |
@@ -274,6 +304,7 @@ page{ | @@ -274,6 +304,7 @@ page{ | ||
274 | font-size: 28rpx; | 304 | font-size: 28rpx; |
275 | color: rgba(255, 255, 255, 0.5); | 305 | color: rgba(255, 255, 255, 0.5); |
276 | } | 306 | } |
307 | + | ||
277 | .rule { | 308 | .rule { |
278 | width: 100%; | 309 | width: 100%; |
279 | height: 672rpx; | 310 | height: 672rpx; |
@@ -281,8 +312,8 @@ page{ | @@ -281,8 +312,8 @@ page{ | ||
281 | overflow-y: scroll; | 312 | overflow-y: scroll; |
282 | } | 313 | } |
283 | 314 | ||
284 | -.icon-close{ | ||
285 | - bottom: -164px; | 315 | +.icon-close { |
316 | + bottom: -200px; | ||
286 | } | 317 | } |
287 | 318 | ||
288 | .rule-title { | 319 | .rule-title { |
@@ -297,7 +328,7 @@ page{ | @@ -297,7 +328,7 @@ page{ | ||
297 | padding: 20rpx 48rpx 40rpx; | 328 | padding: 20rpx 48rpx 40rpx; |
298 | } | 329 | } |
299 | 330 | ||
300 | -.comMessBox{ | 331 | +.comMessBox { |
301 | width: 658rpx; | 332 | width: 658rpx; |
302 | height: 636rpx; | 333 | height: 636rpx; |
303 | background: #FFFFFF; | 334 | background: #FFFFFF; |
@@ -305,10 +336,12 @@ page{ | @@ -305,10 +336,12 @@ page{ | ||
305 | position: relative; | 336 | position: relative; |
306 | z-index: 100; | 337 | z-index: 100; |
307 | } | 338 | } |
308 | -.height_little{ | 339 | + |
340 | +.height_little { | ||
309 | height: 438rpx; | 341 | height: 438rpx; |
310 | } | 342 | } |
311 | -.messBoxClose{ | 343 | + |
344 | +.messBoxClose { | ||
312 | width: 60rpx; | 345 | width: 60rpx; |
313 | height: 60rpx; | 346 | height: 60rpx; |
314 | position: absolute; | 347 | position: absolute; |
@@ -319,26 +352,31 @@ page{ | @@ -319,26 +352,31 @@ page{ | ||
319 | background-size: 100%; | 352 | background-size: 100%; |
320 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png"); | 353 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png"); |
321 | } | 354 | } |
322 | -.messTitle{ | 355 | + |
356 | +.messTitle { | ||
323 | font-weight: 500; | 357 | font-weight: 500; |
324 | font-size: 34rpx; | 358 | font-size: 34rpx; |
325 | color: #333333; | 359 | color: #333333; |
326 | margin: 60rpx auto 36rpx; | 360 | margin: 60rpx auto 36rpx; |
327 | text-align: center; | 361 | text-align: center; |
328 | } | 362 | } |
329 | -.formBox{ | 363 | + |
364 | +.formBox { | ||
330 | padding: 0 40rpx; | 365 | padding: 0 40rpx; |
331 | } | 366 | } |
332 | -.red{ | 367 | + |
368 | +.red { | ||
333 | color: #d04714; | 369 | color: #d04714; |
334 | margin-right: 10rpx; | 370 | margin-right: 10rpx; |
335 | } | 371 | } |
336 | -.inputDesc{ | 372 | + |
373 | +.inputDesc { | ||
337 | display: inline-block; | 374 | display: inline-block; |
338 | min-width: 180rpx; | 375 | min-width: 180rpx; |
339 | /* border: 1px solid red; */ | 376 | /* border: 1px solid red; */ |
340 | } | 377 | } |
341 | -.inputModel{ | 378 | + |
379 | +.inputModel { | ||
342 | display: flex; | 380 | display: flex; |
343 | align-items: center; | 381 | align-items: center; |
344 | /* border-bottom: 1px solid #eaeaea; */ | 382 | /* border-bottom: 1px solid #eaeaea; */ |
@@ -349,7 +387,8 @@ page{ | @@ -349,7 +387,8 @@ page{ | ||
349 | color: #333; | 387 | color: #333; |
350 | position: relative; | 388 | position: relative; |
351 | } | 389 | } |
352 | -.phone{ | 390 | + |
391 | +.phone { | ||
353 | border-radius: 8rpx; | 392 | border-radius: 8rpx; |
354 | line-height: 48rpx; | 393 | line-height: 48rpx; |
355 | text-align: center; | 394 | text-align: center; |
@@ -364,7 +403,8 @@ page{ | @@ -364,7 +403,8 @@ page{ | ||
364 | height: 54rpx; | 403 | height: 54rpx; |
365 | border: 2rpx solid #004487; | 404 | border: 2rpx solid #004487; |
366 | } | 405 | } |
367 | -.phoneTwo{ | 406 | + |
407 | +.phoneTwo { | ||
368 | width: 160rpx; | 408 | width: 160rpx; |
369 | height: 48rpx; | 409 | height: 48rpx; |
370 | border: 2rpx solid #004487; | 410 | border: 2rpx solid #004487; |
@@ -379,15 +419,18 @@ page{ | @@ -379,15 +419,18 @@ page{ | ||
379 | z-index: 99; | 419 | z-index: 99; |
380 | background-color: #fff; | 420 | background-color: #fff; |
381 | } | 421 | } |
382 | -.item-input{ | 422 | + |
423 | +.item-input { | ||
383 | /* border: 1px solid red; */ | 424 | /* border: 1px solid red; */ |
384 | } | 425 | } |
385 | -.placeholderText{ | 426 | + |
427 | +.placeholderText { | ||
386 | font-weight: 400; | 428 | font-weight: 400; |
387 | font-size: 34rpx; | 429 | font-size: 34rpx; |
388 | color: #C8C8CF; | 430 | color: #C8C8CF; |
389 | } | 431 | } |
390 | -.local{ | 432 | + |
433 | +.local { | ||
391 | position: absolute; | 434 | position: absolute; |
392 | right: 30rpx; | 435 | right: 30rpx; |
393 | top: center; | 436 | top: center; |
@@ -399,26 +442,30 @@ page{ | @@ -399,26 +442,30 @@ page{ | ||
399 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/Estore_2.0/wpp/wanzimatou/localRed.png"); | 442 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/Estore_2.0/wpp/wanzimatou/localRed.png"); |
400 | z-index: 99; | 443 | z-index: 99; |
401 | } | 444 | } |
402 | -.inputSelf{ | 445 | + |
446 | +.inputSelf { | ||
403 | height: 60rpx; | 447 | height: 60rpx; |
404 | border-bottom: 1px solid #ededed; | 448 | border-bottom: 1px solid #ededed; |
405 | margin-left: -15rpx; | 449 | margin-left: -15rpx; |
406 | } | 450 | } |
407 | -.addInput{ | 451 | + |
452 | +.addInput { | ||
408 | width: 280rpx; | 453 | width: 280rpx; |
409 | overflow: hidden; | 454 | overflow: hidden; |
410 | - text-overflow:ellipsis; | 455 | + text-overflow: ellipsis; |
411 | white-space: nowrap; | 456 | white-space: nowrap; |
412 | /* border:1px solid red; */ | 457 | /* border:1px solid red; */ |
413 | } | 458 | } |
414 | -.btn_box{ | 459 | + |
460 | +.btn_box { | ||
415 | display: flex; | 461 | display: flex; |
416 | justify-content: space-between; | 462 | justify-content: space-between; |
417 | align-items: center; | 463 | align-items: center; |
418 | padding: 0 20rpx; | 464 | padding: 0 20rpx; |
419 | margin-top: 48rpx; | 465 | margin-top: 48rpx; |
420 | } | 466 | } |
421 | -.cancelBtn{ | 467 | + |
468 | +.cancelBtn { | ||
422 | width: 228rpx; | 469 | width: 228rpx; |
423 | height: 72rpx; | 470 | height: 72rpx; |
424 | background: #FFFFFF; | 471 | background: #FFFFFF; |
@@ -430,7 +477,8 @@ page{ | @@ -430,7 +477,8 @@ page{ | ||
430 | font-size: 30rpx; | 477 | font-size: 30rpx; |
431 | color: #004487; | 478 | color: #004487; |
432 | } | 479 | } |
433 | -.submitButtonS{ | 480 | + |
481 | +.submitButtonS { | ||
434 | width: 228rpx; | 482 | width: 228rpx; |
435 | height: 72rpx; | 483 | height: 72rpx; |
436 | background: #004487; | 484 | background: #004487; |
@@ -441,7 +489,8 @@ page{ | @@ -441,7 +489,8 @@ page{ | ||
441 | font-size: 30rpx; | 489 | font-size: 30rpx; |
442 | color: white; | 490 | color: white; |
443 | } | 491 | } |
444 | -.submitButton{ | 492 | + |
493 | +.submitButton { | ||
445 | width: 228rpx; | 494 | width: 228rpx; |
446 | height: 72rpx; | 495 | height: 72rpx; |
447 | background: #b3c7db; | 496 | background: #b3c7db; |
@@ -453,34 +502,51 @@ page{ | @@ -453,34 +502,51 @@ page{ | ||
453 | color: white; | 502 | color: white; |
454 | } | 503 | } |
455 | 504 | ||
456 | -.receive_poup{ | ||
457 | - width: 602rpx; | ||
458 | - height: 600rpx; | 505 | +.receive_poup { |
506 | + /* width: 602rpx; */ | ||
507 | + /* height: 600rpx; */ | ||
508 | + width: 80%; | ||
509 | + height: 50%; | ||
459 | /* background-image: linear-gradient(202deg, #FFACAC 0%, #FFFFFF 71%); */ | 510 | /* background-image: linear-gradient(202deg, #FFACAC 0%, #FFFFFF 71%); */ |
460 | - background-color: #fff; | 511 | + /* background-color: #fff; */ |
461 | border-radius: 40rpx; | 512 | border-radius: 40rpx; |
462 | margin-top: -160rpx; | 513 | margin-top: -160rpx; |
463 | position: relative; | 514 | position: relative; |
464 | } | 515 | } |
465 | -.success_icon{ | 516 | +.receive_poup_content{ |
517 | + position: absolute; | ||
518 | + top: 10%; | ||
519 | + left: 0; | ||
520 | + right: 0; | ||
521 | +} | ||
522 | + | ||
523 | +.success_icon { | ||
466 | width: 100rpx; | 524 | width: 100rpx; |
467 | height: 100rpx; | 525 | height: 100rpx; |
468 | margin: 112rpx auto 0; | 526 | margin: 112rpx auto 0; |
469 | display: block; | 527 | display: block; |
470 | } | 528 | } |
471 | -.receive_text{ | 529 | + |
530 | +.receive_text { | ||
472 | font-weight: 400; | 531 | font-weight: 400; |
473 | font-size: 34rpx; | 532 | font-size: 34rpx; |
474 | color: #333333; | 533 | color: #333333; |
475 | text-align: center; | 534 | text-align: center; |
476 | } | 535 | } |
477 | -.coninue_scan{ | 536 | +.textTip{ |
537 | + color: #D96531; | ||
538 | +} | ||
539 | +.coninue_scan { | ||
478 | width: 434rpx; | 540 | width: 434rpx; |
479 | height: 94rpx; | 541 | height: 94rpx; |
480 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/c_scan.png"); | 542 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/c_scan.png"); |
481 | background-position: center; | 543 | background-position: center; |
482 | background-size: 100% 100%; | 544 | background-size: 100% 100%; |
483 | background-repeat: no-repeat; | 545 | background-repeat: no-repeat; |
546 | + position: absolute; | ||
547 | + left: 0; | ||
548 | + right: 0; | ||
549 | + bottom: 10%; | ||
484 | text-align: center; | 550 | text-align: center; |
485 | line-height: 94rpx; | 551 | line-height: 94rpx; |
486 | font-weight: 500; | 552 | font-weight: 500; |
@@ -488,7 +554,8 @@ page{ | @@ -488,7 +554,8 @@ page{ | ||
488 | color: #FFFFFF; | 554 | color: #FFFFFF; |
489 | margin: 66rpx auto 0; | 555 | margin: 66rpx auto 0; |
490 | } | 556 | } |
491 | -.close_poup{ | 557 | + |
558 | +.close_poup { | ||
492 | width: 60rpx; | 559 | width: 60rpx; |
493 | height: 60rpx; | 560 | height: 60rpx; |
494 | position: absolute; | 561 | position: absolute; |
@@ -503,18 +570,19 @@ page{ | @@ -503,18 +570,19 @@ page{ | ||
503 | } | 570 | } |
504 | 571 | ||
505 | 572 | ||
506 | -.redpack_poup{ | 573 | +.redpack_poup { |
507 | width: 704rpx; | 574 | width: 704rpx; |
508 | height: 952rpx; | 575 | height: 952rpx; |
509 | margin-top: -100rpx; | 576 | margin-top: -100rpx; |
510 | background-repeat: no-repeat; | 577 | background-repeat: no-repeat; |
511 | background-position: center; | 578 | background-position: center; |
512 | background-size: 100%; | 579 | background-size: 100%; |
513 | - background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/red_bg.png"); | 580 | + /* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/red_bg.png"); */ |
514 | position: relative; | 581 | position: relative; |
515 | z-index: 10; | 582 | z-index: 10; |
516 | } | 583 | } |
517 | -.red_amount{ | 584 | + |
585 | +.red_amount { | ||
518 | position: absolute; | 586 | position: absolute; |
519 | top: 280rpx; | 587 | top: 280rpx; |
520 | left: 50%; | 588 | left: 50%; |
@@ -526,7 +594,8 @@ page{ | @@ -526,7 +594,8 @@ page{ | ||
526 | color: #FC0000; | 594 | color: #FC0000; |
527 | letter-spacing: 0; | 595 | letter-spacing: 0; |
528 | } | 596 | } |
529 | -.red_text{ | 597 | + |
598 | +.red_text { | ||
530 | position: absolute; | 599 | position: absolute; |
531 | top: 462rpx; | 600 | top: 462rpx; |
532 | left: 50%; | 601 | left: 50%; |
@@ -537,7 +606,8 @@ page{ | @@ -537,7 +606,8 @@ page{ | ||
537 | text-align: center; | 606 | text-align: center; |
538 | 607 | ||
539 | } | 608 | } |
540 | -.red_btn{ | 609 | + |
610 | +.red_btn { | ||
541 | position: absolute; | 611 | position: absolute; |
542 | left: 50%; | 612 | left: 50%; |
543 | transform: translateX(-50%); | 613 | transform: translateX(-50%); |
@@ -545,7 +615,8 @@ page{ | @@ -545,7 +615,8 @@ page{ | ||
545 | width: 408rpx; | 615 | width: 408rpx; |
546 | height: 94rpx; | 616 | height: 94rpx; |
547 | } | 617 | } |
548 | -.red_close_poup{ | 618 | + |
619 | +.red_close_poup { | ||
549 | width: 60rpx; | 620 | width: 60rpx; |
550 | height: 60rpx; | 621 | height: 60rpx; |
551 | position: absolute; | 622 | position: absolute; |
@@ -558,7 +629,7 @@ page{ | @@ -558,7 +629,7 @@ page{ | ||
558 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png"); | 629 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png"); |
559 | } | 630 | } |
560 | 631 | ||
561 | -.secondRedpack_poup{ | 632 | +.secondRedpack_poup { |
562 | margin-top: -120rpx; | 633 | margin-top: -120rpx; |
563 | width: 658rpx; | 634 | width: 658rpx; |
564 | height: 712rpx; | 635 | height: 712rpx; |
@@ -568,7 +639,35 @@ page{ | @@ -568,7 +639,35 @@ page{ | ||
568 | /* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png"); */ | 639 | /* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png"); */ |
569 | position: relative; | 640 | position: relative; |
570 | } | 641 | } |
571 | -.secondRed_amount{ | 642 | + |
643 | +.secondRedPackContent { | ||
644 | + left: 0; | ||
645 | + right: 0; | ||
646 | + top: 12%; | ||
647 | + bottom: 0; | ||
648 | + margin: auto; | ||
649 | + text-align: center; | ||
650 | + position: absolute; | ||
651 | +} | ||
652 | + | ||
653 | +.packPrice { | ||
654 | + font-size: 80rpx; | ||
655 | + color: #F90000; | ||
656 | + font-weight: bold; | ||
657 | +} | ||
658 | +.packTips { | ||
659 | + font-size: 50rpx; | ||
660 | + color: #F90000; | ||
661 | + font-weight: bold; | ||
662 | +} | ||
663 | + | ||
664 | +.time2 { | ||
665 | + margin-top: 5%; | ||
666 | + /* transform: translateY(5%); */ | ||
667 | + color: #A8A7A7; | ||
668 | +} | ||
669 | + | ||
670 | +.secondRed_amount { | ||
572 | width: 594rpx; | 671 | width: 594rpx; |
573 | height: 256rpx; | 672 | height: 256rpx; |
574 | position: absolute; | 673 | position: absolute; |
@@ -576,17 +675,30 @@ page{ | @@ -576,17 +675,30 @@ page{ | ||
576 | left: 50%; | 675 | left: 50%; |
577 | top: 266rpx; | 676 | top: 266rpx; |
578 | } | 677 | } |
579 | -.secondRed_btn{ | 678 | + |
679 | +.secondRed_btn_box { | ||
680 | + position: absolute; | ||
681 | + bottom: 10%; | ||
682 | + left: 0; | ||
683 | + right: 0; | ||
684 | + display: flex; | ||
685 | + flex-direction: column; | ||
686 | + align-items: center; | ||
687 | + color: #fff; | ||
688 | + margin: auto | ||
689 | +} | ||
690 | + | ||
691 | +.secondRed_btn { | ||
580 | width: 434rpx; | 692 | width: 434rpx; |
581 | height: 94rpx; | 693 | height: 94rpx; |
582 | background-repeat: no-repeat; | 694 | background-repeat: no-repeat; |
583 | background-position: center; | 695 | background-position: center; |
584 | background-size: 100%; | 696 | background-size: 100%; |
585 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_btn.png"); | 697 | background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_btn.png"); |
586 | - position: absolute; | ||
587 | - transform: translateX(-50%); | ||
588 | - left: 50%; | ||
589 | - bottom: 46rpx; | 698 | + /* position: absolute; */ |
699 | + /* transform: translateX(-50%); */ | ||
700 | + /* left: 50%; */ | ||
701 | + /* bottom: 46rpx; */ | ||
590 | font-weight: 500; | 702 | font-weight: 500; |
591 | font-size: 40rpx; | 703 | font-size: 40rpx; |
592 | color: #AA5500; | 704 | color: #AA5500; |
@@ -594,7 +706,8 @@ page{ | @@ -594,7 +706,8 @@ page{ | ||
594 | text-align: center; | 706 | text-align: center; |
595 | line-height: 94rpx; | 707 | line-height: 94rpx; |
596 | } | 708 | } |
597 | -.secondRed_close_poup{ | 709 | + |
710 | +.secondRed_close_poup { | ||
598 | width: 60rpx; | 711 | width: 60rpx; |
599 | height: 60rpx; | 712 | height: 60rpx; |
600 | position: absolute; | 713 | position: absolute; |
-
请 注册 或 登录 后发表评论