优惠券分享

index-01.html 9.1KB

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