vip-voucher.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>VIP专属大礼包</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="css/main.css" />
  12. </head>
  13. <body style="background: #fff;">
  14. <div class="loading-bg">
  15. <div class="mui-loading">
  16. <div class="mui-spinner">
  17. </div>
  18. &nbsp;&nbsp;加载中...
  19. </div>
  20. </div>
  21. <footer class="mui-bar mui-bar-tab" style="box-shadow:none;">
  22. <div class="mui-table">
  23. <div id="now-reserve-coupon-btn" class="mui-table-cell mui-col-xs-12 table-middle btn-know-voucher">立即领取</div>
  24. </div>
  25. </footer>
  26. <div class="mui-content" style="background: #fff;">
  27. <div>
  28. <img width="100%" src="images/2019081301.jpg" />
  29. <ul class="vip-voucher-list">
  30. <li>
  31. <img width="100%" src="images/2019081302.png" />
  32. </li>
  33. <li>
  34. <div class="mui-table">
  35. <div class="mui-table-cell mui-col-xs-4 table-middle mui-text-center">
  36. ¥<span>200</span>
  37. <div class="left-badge">数量:5张 </div>
  38. </div>
  39. <div class="mui-table-cell mui-col-xs-8 table-middle mui-text-center">
  40. <div class="voucher-tit">净水机专用代金券</div>
  41. <div class="date">有效期 90 天</div>
  42. </div>
  43. </div>
  44. </li>
  45. <li>
  46. <div class="mui-table">
  47. <div class="mui-table-cell mui-col-xs-4 table-middle mui-text-center">
  48. ¥<span>100</span>
  49. <div class="left-badge">数量:5张 </div>
  50. </div>
  51. <div class="mui-table-cell mui-col-xs-8 table-middle mui-text-center">
  52. <div class="voucher-tit">净水机专用代金券</div>
  53. <div class="date">有效期 90 天</div>
  54. </div>
  55. </div>
  56. </li>
  57. <li>
  58. <div class="mui-table">
  59. <div class="mui-table-cell mui-col-xs-4 table-middle mui-text-center">
  60. ¥<span>188</span>
  61. </div>
  62. <div class="mui-table-cell mui-col-xs-8 table-middle mui-text-center">
  63. <div class="voucher-tit">全场满888元可用</div>
  64. <div class="date">有效期 90 天</div>
  65. </div>
  66. </div>
  67. </li>
  68. <li style="margin-top: 15px;">
  69. <div class="mui-text-center">
  70. <img style="width: 140px;-webkit-user-select:all;" src="images/2019081308.png" />
  71. <div class="cl-red" style="font-size: 12px;color: gray;">长按识别 关注Aiberle爱贝源公众号</div>
  72. <span style="font-size: 12px;color: gray;">代金券领取成功后,可在公众号“我的-券包”查看</span>
  73. </div>
  74. </li>
  75. <li>
  76. <ul style="text-align: center;color: red;font-size: 13px;">
  77. <li>还有!</li>
  78. <li>定期抽送价值299元神秘礼品</li>
  79. <li>限时VIP抢购活动</li>
  80. <li>新品抢先使用权</li>
  81. <li>尊享VIP一对一服务</li>
  82. <li>...</li>
  83. <li>尽在福利助手微信号!</li>
  84. <li>欢迎随时咨询!</li>
  85. </ul>
  86. </li>
  87. <li>
  88. <ul class="disc">
  89. <li>
  90. <img width="100%" src="images/2019081304.png"/>
  91. </li>
  92. <li>1.代金券自领取之日起3个月内有效,不可叠加使用;</li>
  93. <li>2.VIP用户可自用或分享转赠亲友使用;</li>
  94. <li>3.使用代金券成功下单且签收后15天内,VIP用户可获得代金券票面金额返现;</li>
  95. <li>4.代金券可在Aiberle爱贝源公众号“我的-券包”中查看并使用;</li>
  96. <li>5.更多VIP福利可随时关注福利爱贝源的福利助手微信号;</li>
  97. <li>6.此活动在法律允许的范围内,深圳爱贝源科技有限公司具有最终解释权。</li>
  98. </ul>
  99. </li>
  100. </ul>
  101. </div>
  102. </div>
  103. <div class="voucher-dalog">
  104. <div>
  105. <img src="images/2019081306.png" />
  106. <div class="close-box">
  107. <i class="mui-icon mui-icon-close"></i>
  108. </div>
  109. </div>
  110. </div>
  111. <script type="text/javascript" src="js/mui.min.js"></script>
  112. <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
  113. <script type="text/javascript" src="js/main.js"></script>
  114. <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
  115. <script type="text/javascript" src="//s.iamberry.com/aiberle/wechat/js/wechat-utils-1.0.js"></script>
  116. <script type="text/javascript">
  117. //ready 参考mui官方文档
  118. var isGet = false;
  119. mui.ready(function() {
  120. $('.loading-bg').hide();
  121. init_share();
  122. ajax("post", "/wechat/welfare/checkWelfareLogs", {"time":new Date().getTime()}, function(res) {
  123. if (res.status==false) {
  124. isGet = true;
  125. $("#now-reserve-coupon-btn").text("查看优惠券");
  126. }
  127. });
  128. });
  129. var isGet = false;
  130. //立即领取
  131. $(document).on('tap', '.btn-know-voucher', function() {
  132. var btnText = $(this).text();
  133. if (btnText == "查看优惠券") {
  134. location.href='coupon_list.html';
  135. return;
  136. }
  137. if (isGet) {
  138. mui.alert('您已领取过此福利啦,给别人一点机会吧', '提示', function() {
  139. location.href="my-center.html";
  140. });
  141. return;
  142. }
  143. ajax("post", "/wechat/welfare/getWelfare", {"time":new Date().getTime()}, function(res) {
  144. if (res.status) {
  145. //显示遮罩
  146. isGet = true;
  147. $('.voucher-dalog').addClass('active');
  148. } else {
  149. mui.alert('领取失败,请联系福利助手', '提示');
  150. }
  151. });
  152. });
  153. //查看福利
  154. $(document).on('tap', '.voucher-dalog img', function() {
  155. //跳转页面
  156. location.href='coupon_list.html';
  157. });
  158. //关闭弹窗
  159. $(document).on('tap', '.mui-icon-close', function() {
  160. if (isGet) {
  161. //location.href='coupon_list.html';
  162. $("#now-reserve-coupon-btn").text("查看优惠券");
  163. mui.alert('您已领取成功,请扫描二维码关注公众号,进入 会员中心-券包 查看', '提示');
  164. }
  165. $('.voucher-dalog').removeClass('active');
  166. });
  167. function init_share() {
  168. window.wxFriend.imgUrl='https://s.iamberry.com/aiberle/wechat/images/welfare_share.jpg';
  169. window.wxFriend.link=location.href;
  170. window.wxFriend.desc="1688元代金券、定期抽送价值299元神秘礼品、限时VIP抢购活动、新品抢先使用权、尊享VIP一对一服务,速戳!";
  171. window.wxFriend.title="恭喜你被VIP大礼包砸中了,赶快领取吧!";
  172. getConfig();
  173. }
  174. </script>
  175. </body>
  176. </html>