优惠券分享

index.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <title>猎豆优选</title>
  5. <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
  6. <meta name="format-detection" content="telephone=no,address=no,email=no" />
  7. <meta name="mobileOptimized" content="width" />
  8. <meta name="handheldFriendly" content="true" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <meta name="description" content="" />
  12. <meta name="keywords" content=""/>
  13. <script type="text/javascript" src="dist/md5.js"></script>
  14. <script type="text/javascript" src="dist/jquery-2.1.0.js"></script>
  15. <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1275872149'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/z_stat.php%3Fid%3D1275872149' type='text/javascript'%3E%3C/script%3E"));</script>
  16. <script>
  17. ;(function() {
  18. var docEl = document.documentElement,
  19. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  20. clientWidth = docEl.clientWidth;
  21. s();
  22. window.addEventListener(resizeEvt, s, false);
  23. function s() {
  24. docEl.style.fontSize = 50.0 * (clientWidth / 375) + 'px';
  25. }
  26. })();
  27. var _ua = navigator.userAgent;
  28. if (!!_ua.match(/.*OS\s([\d_]+)/) || !!_ua.match(/(Android)\s+([\d.]+)/)) {
  29. document.write('<style>body{min-width:320px;min-height:320px;}</style>');
  30. }
  31. document.getElementById("cnzz_stat_icon_1275872149").style.display="none"; // 隐藏统计小图标
  32. //声明_czc对象:
  33. var _czc = _czc || [];
  34. //绑定siteid,请用您的siteid替换下方"XXXXXXXX"部分
  35. _czc.push(["_setAccount", "1275872149"]);
  36. </script>
  37. <link rel="stylesheet" type="text/css" href="dist/swiper-3.4.2.min.css">
  38. <link rel="stylesheet" type="text/css" href="index.css?v=1.0.4">
  39. <style type="text/css" media="screen">
  40. </style>
  41. </head>
  42. <body>
  43. <!-- loading -->
  44. <div class="loading">
  45. <img src="img/loading.gif" />
  46. </div>
  47. <input id="copy1" type="text" readOnly="true" value=""/>
  48. <div id="copy2"></div>
  49. <div class="download-wrapper">
  50. <div class="img-box"><img src="img/icon.png" alt=""></div>
  51. <div class="content" style="background: #F4F4F4;text-align: left;">
  52. <h6 class="title">猎豆优选</h6>
  53. <p class="text">这里有海量优惠券,购买任何商品都返钱!</p>
  54. </div>
  55. <a class="copyName" href="javascript:void(0)">下载APP</a>
  56. </div>
  57. <div class="swiper-container">
  58. <div class="swiper-wrapper">
  59. </div>
  60. <!-- 如果需要分页器 -->
  61. <div class="swiper-pagination"></div>
  62. </div>
  63. <div class="details-wrapper"></div>
  64. <!-- 精选好物 -->
  65. <div class="select-good-things">
  66. <div class="select-good-things-title">
  67. <img src="img/jingxuanhaowu.png"/>
  68. </div>
  69. <ul class="select-good-things-list">
  70. </ul>
  71. </div>
  72. <!--<text id="taokouling">€Fh5l0EJZ9q0€</text>-->
  73. <div class="btn-wrapper">
  74. <input id="copy_1" type="text" readOnly="true" value=""/>
  75. <div id="copy_2"></div>
  76. <input id="copyName_1" type="text" readOnly="true" value=""/>
  77. <div id="copyName_2"></div>
  78. <button class="coupon_purchase_bottom"><img src="img/quan03.png"/> 领券购买</button>
  79. <!-- <button class="btn" style="width: 35%;float: left;background:linear-gradient(90deg,#FEC800,#FD9D03);">复制淘口令</button>
  80. <button class="btn2" onclick="makeMoney()"><i></i>赚<span>佣金</span>购买</button> -->
  81. </div>
  82. <!--弹层-->
  83. <!--淘口令弹层-->
  84. <!-- <div class="tkl">
  85. <div class="mask" style="z-index:989;" onclick="shutT()">
  86. <div class="content">
  87. <p class="con_tit">淘口令复制成功 <img src="images/close1.png" alt="" onclick="cancelYzm()"/></p>
  88. <p class="con_con">您可以直接打开【淘宝】购买啦~</p>
  89. <div id="close_know" onclick="cancelYzm()">知道了</div>
  90. <p class="con_course" onclick="courseTkl()">查看使用教程</p>
  91. </div>
  92. </div> -->
  93. <!-- <div class="mask_two" style="z-index:989;">
  94. <div class="content_two">
  95. <p class="con_tit_two"><img src="images/back1.png" style="float: left;width: 0.2rem;margin-top: 0.1rem;" alt="返回" onclick="back()" />
  96. 淘口令使用教程 <img src="images/close1.png" style="float: right;width: 0.2rem;height: 0.24rem;margin-top: 0.1rem;" alt="关闭" onclick="closeCourse()" /></p>
  97. <div class="course_item">
  98. <p class="p_text">1.复制淘口令后直接打开“淘宝”或“天猫”</p>
  99. <img src="images/001.png" alt="" />
  100. <p class="p_text">2.匹配到对应的商品后,点击【打开】</p>
  101. <img src="images/002.png" alt="" />
  102. <p class="p_text">3.跳转到领劵页面后,点击【立即领劵】</p>
  103. <img src="images/003.png" alt="" />
  104. <p class="p_text">4.领取成功后就可以购买心仪商品了</p>
  105. <img src="images/004.png" alt="" />
  106. <p class="p_text">5.先领券再购物,省钱如此简单</p>
  107. <div class="save_money">
  108. <p>已帮您节省</p>
  109. <p>90元</p>
  110. </div>
  111. <p class="p_text">6.领券省钱,就用“猎豆优选”</p>
  112. <img src="images/logo1.png" alt="" style="width:64px;height:64px;" />
  113. <a class="copyName" href="javascript:void(0)" id="download">点击下载</a>
  114. </div>
  115. </div>
  116. </div>
  117. </div> -->
  118. <!--赚佣金弹层-->
  119. <!-- <div class="zyj">
  120. <div class="mask" style="z-index:989;" onclick="shut()">
  121. <div class="content">
  122. <p class="con_tit">下载App购买赚佣金 <img src="images/close1.png" alt="" onclick="closeMakeMoney()"/></p>
  123. <p class="con_con" style="text-align: left;">下载“猎豆优选”—搜索商品名称—领券购买—赚取佣金</p>
  124. <a class="copyName" href="javascript:void(0)" id="close_know">下载APP</a>
  125. <a href="#" class="con_course" onclick="makeMoneyCourse()">查看使用教程</a>
  126. </div>
  127. </div>
  128. <div class="mask_two" style="z-index: 989;">
  129. <div class="content_two">
  130. <p class="con_tit_two"><img src="images/back1.png" alt="返回" style="float:left;width: 0.2rem;margin-top: 0.1rem;" onclick="makeMoneyback()" />
  131. 猎豆优选使用教程 <img src="images/close1.png" alt="关闭" onclick="closeMakeMoneyCourse()" style="float:right;width: 0.2rem;height: 0.24rem;margin-top: 0.1rem;"/></p>
  132. <div class="course_item">
  133. <p class="p_text">1.下载App</p>
  134. <img src="images/m001.png" alt="" />
  135. <p class="p_text">2.搜索要购买的商品名称</p>
  136. <img src="images/m002.png" alt="" />
  137. <p class="p_text">3.点击【领券购】后打开淘宝购买</p>
  138. <img src="images/m003.png" alt="" />
  139. <p class="p_text">4.购买成功后即可获得对应佣金</p>
  140. <img src="images/m004.png" alt="" />
  141. <p class="p_text">5.购物也能赚钱,就是如此简单</p>
  142. <div class="make_money">
  143. <p>已赚取</p>
  144. <p>7.20元佣金</p>
  145. </div>
  146. <p class="p_text">6.更多佣金奖励,只在“猎豆优选”</p>
  147. <img src="images/logo1.png" alt="" style="width:64px;height:64px;" />
  148. <a class="copyName" href="javascript:void(0)" id="download">点击下载</a>
  149. </div>
  150. </div>
  151. </div>
  152. </div> -->
  153. <!--点击赚佣金购买-->
  154. <div id="registerMask">
  155. <div class="content">
  156. <p class="h3">注册后即可获得海量购物优惠券,更有佣金等你赚!</p>
  157. <div class="inputItem">
  158. <img src="images/phone_icon.png" />
  159. <input placeholder="请输入手机号" type="tel" id="phone" maxlength="11"/>
  160. </div>
  161. <div class="inputItem">
  162. <img src="images/suo_icon.png" />
  163. <input placeholder="请输入验证码" type="tel" id="yzm"/>
  164. <button class="yzmButton" onclick = 'getYzm()'>获取验证码</button>
  165. </div>
  166. <button class="confirm" onclick="registerEvent()">确定</button>
  167. <img src="images/close.png" class="close" onclick="closeMake()"/>
  168. </div>
  169. </div>
  170. <!--注册成功弹框-->
  171. <div id="registerSuccess">
  172. <div class="content">
  173. <h3>注册成功!</h3>
  174. <p class="con">恭喜您成为猎豆的新会员,<br /> 立即复制淘口令去淘宝下单,<br/> 即可升级为超级会员,赚取佣金!</p>
  175. <button class="copyTkl" id='copyRegisterTkl'>复制淘口令</button>
  176. <img src="images/close.png" class="close" onclick="closeMake()"/>
  177. </div>
  178. </div>
  179. <!-- 点击赚佣金购买 -->
  180. <div class="coupon_purchase_mask">
  181. <div class="coupon_purchase_mask_con">
  182. <div class="coupon_purchase_mask_top">
  183. <img src="img/success.png"/>
  184. <span>口令复制成功<br/>打开淘宝购买</span>
  185. </div>
  186. <p class="coupon_purchase_mask_title">下载【猎豆优选】购买</p>
  187. <h3></h3>
  188. <button class="copyName">下载猎豆优选</button>
  189. <img src="img/close.png" class="close" onclick="closeMask()"/>
  190. </div>
  191. </div>
  192. <div id="toast" class="hide">
  193. <div class="weui-mask_transparent"></div>
  194. <div class="weui-toast">
  195. <i class="weui-icon-success-no-circle"></i>
  196. <p class="weui-toast__content">已完成</p>
  197. </div>
  198. </div>
  199. <div class="alert-info" style="display: none;">
  200. <!-- tip提示,3s后消失 -->
  201. <p></p>
  202. </div>
  203. <script src="dist/axios.min.js" type="text/javascript" charset="utf-8"></script>
  204. <script src="dist/swiper.min.js" type="text/javascript" charset="utf-8"></script>
  205. <script src="dist/index.js?v=13" type="text/javascript" charset="utf-8"></script>
  206. <script src="mz/index.js?v=4" type="text/javascript" charset="utf-8"></script>
  207. </body>
  208. </html>