doubleElevenActivity.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  6. <title>星动双十一</title>
  7. <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
  8. <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
  9. <link rel="stylesheet" href="../static/css/doubleElevenActivity.css">
  10. <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
  11. <script src="../static/js/vender/toastr/toastr.min.js"></script>
  12. <script src="../static/js/vender/config.js"></script>
  13. <style>
  14. .get-award-container{
  15. position: absolute;
  16. bottom: 1.3rem;
  17. left: 50%;
  18. transform: translate(-50%, -50%);
  19. width: 5.84rem;
  20. height: 0.5rem;
  21. line-height: 0.5rem;
  22. text-align: center;
  23. border-radius: 0.3rem;
  24. background-color: rgba(0,0,0,0.5);
  25. overflow: hidden;
  26. }
  27. .award-list{
  28. width: 5.84rem;
  29. position: absolute;
  30. top: 0;
  31. left: 50%;
  32. transform: translateX(-50%);
  33. height: 6rem;
  34. }
  35. .award-text{
  36. font-size: 0.24rem;
  37. color: #ffffff;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="container">
  43. <div class="header-container">
  44. <img class="top-banner" src="../static/img/doubleElevenActivity/top-banner.png" />
  45. <div class="get-award-container">
  46. <div class="award-list">
  47. <div class="award-text"></div>
  48. <div class="award-text"></div>
  49. <div class="award-text"></div>
  50. <div class="award-text"></div>
  51. <div class="award-text"></div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="middle-container">
  56. <div class="step-container">
  57. <img class="tips" src="../static/img/doubleElevenActivity/tip.png" />
  58. <div class="main-step-content">
  59. <div class="top-step">
  60. <div class="step-item">
  61. <img class="buyphone" src="../static/img/doubleElevenActivity/buyphone.png" />
  62. <span class="step-text">购买云机</span>
  63. </div>
  64. <img class="step" src="../static/img/doubleElevenActivity/step.png" />
  65. <div class="step-item">
  66. <img class="hongbao" src="../static/img/doubleElevenActivity/hongbao.png" />
  67. <span class="step-text">分享好友红包</span>
  68. <span class="step-text">并购买</span>
  69. </div>
  70. <img class="step" src="../static/img/doubleElevenActivity/step.png" />
  71. <div class="step-item">
  72. <img class="buyphone" src="../static/img/doubleElevenActivity/buyphone.png" />
  73. <span class="step-text">获得云机</span>
  74. </div>
  75. </div>
  76. <div class="red-packet">
  77. <div class="packet">
  78. <img class="fxhb" src="../static/img/doubleElevenActivity/fxhb.png" />
  79. <div class="money"><span class="money-mark">¥</span><span class="money-val">1111</span></div>
  80. <div class="packet-title">云手机无门槛抵扣券</div>
  81. <div class="packet-time">11月11-11月31日有效</div>
  82. </div>
  83. <div class="account">优惠券已放入您的账户130****6315</div>
  84. </div>
  85. </div>
  86. <div class="join-activity-btn">
  87. <img class="join-activity" src="../static/img/doubleElevenActivity/button-join-activity.png" />
  88. <div class="activity-btn-content">
  89. <span class="activity-btn-text">快来参加双十一活动</span>
  90. <img class="icon-left" src="../static/img/doubleElevenActivity/icon-left.png" />
  91. </div>
  92. </div>
  93. </div>
  94. <div class="invite-text">*邀请好友即得厚礼,红包购机买一赠一</div>
  95. <div class="packet-container">
  96. <img class="rule-tips" src="../static/img/doubleElevenActivity/packet-tip.png" />
  97. <div class="packet-block">
  98. <div class="red-packet-next">
  99. <!-- <div class="packet">
  100. <img class="fxhb" src="../static/img/doubleElevenActivity/fxhb.png" />
  101. <div class="money"><span class="money-mark">¥</span><span class="money-val">1111</span></div>
  102. <div class="packet-titles">无门槛</div>
  103. <div class="packet-times">11月11-11月31日有效</div>
  104. <div class="share-btn">
  105. <img class="share" src="../static/img/doubleElevenActivity/share.png" />
  106. <div class="share-num">3/6</div>
  107. </div>
  108. <div class="packet-info">尚未有用户领取红包购买云机</div>
  109. <img class="icon" src="../static/img/doubleElevenActivity/icon_down.png" />
  110. </div> -->
  111. <!-- <div class="user-list" flag="1">
  112. <div class="user-item">
  113. <div class="user-left">
  114. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  115. <div class="user-info">
  116. <div class="user-name">用户名</div>
  117. <div class="user-time">11月20日10:32:13</div>
  118. </div>
  119. </div>
  120. <div class="meal">星动/30天云手机套餐</div>
  121. <div class="receive">领取</div>
  122. </div>
  123. <div class="user-item">
  124. <div class="user-left">
  125. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  126. <div class="user-info">
  127. <div class="user-name">用户名</div>
  128. <div class="user-time">11月20日10:32:13</div>
  129. </div>
  130. </div>
  131. <div class="meal">星动/30天云手机套餐</div>
  132. <div class="receive">领取</div>
  133. </div>
  134. <div class="user-item">
  135. <div class="user-left">
  136. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  137. <div class="user-info">
  138. <div class="user-name">用户名</div>
  139. <div class="user-time">11月20日10:32:13</div>
  140. </div>
  141. </div>
  142. <div class="meal">星动/30天云手机套餐</div>
  143. <div class="receive">领取</div>
  144. </div>
  145. <div class="user-item">
  146. <div class="user-left">
  147. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  148. <div class="user-info">
  149. <div class="user-name">用户名</div>
  150. <div class="user-time">11月20日10:32:13</div>
  151. </div>
  152. </div>
  153. <div class="meal">星动/30天云手机套餐</div>
  154. <div class="receive">领取</div>
  155. </div>
  156. <div class="user-item">
  157. <div class="user-left">
  158. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  159. <div class="user-info">
  160. <div class="user-name">用户名</div>
  161. <div class="user-time">11月20日10:32:13</div>
  162. </div>
  163. </div>
  164. <div class="meal">星动/30天云手机套餐</div>
  165. <div class="receive">领取</div>
  166. </div>
  167. <div class="user-item">
  168. <div class="user-left">
  169. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  170. <div class="user-info">
  171. <div class="user-name">用户名</div>
  172. <div class="user-time">11月20日10:32:13</div>
  173. </div>
  174. </div>
  175. <div class="meal">星动/30天云手机套餐</div>
  176. <div class="receive">领取</div>
  177. </div>
  178. <div class="user-item">
  179. <div class="user-left">
  180. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  181. <div class="user-info">
  182. <div class="user-name">用户名</div>
  183. <div class="user-time">11月20日10:32:13</div>
  184. </div>
  185. </div>
  186. <div class="meal">星动/30天云手机套餐</div>
  187. <div class="receive">领取</div>
  188. </div>
  189. </div> -->
  190. </div>
  191. </div>
  192. </div>
  193. <div class="rule-container">
  194. <img class="rule-tips" src="../static/img/doubleElevenActivity/rule.png" />
  195. <div class="rule-content">
  196. <div class="rule-point">红包规则:</div>
  197. <div class="rule-point">1.红包可以自用或者分享给好友(好友可以是双子星新/老用户)</div>
  198. <div class="rule-point">2.同一个红包一人限领一次,共计6个红包</div>
  199. <div class="rule-point">3.红包可以无门槛抵押任何套餐,但是一个订单只能使用一个</div>
  200. <div class="rule-point">4.分享者分享的红包被领取后,如果领取红包的人购买了任意套餐,分享者都可领取一份相同的套餐</div>
  201. <div class="rule-point">5.若分享者自己领取自己的红包购买套餐,自己可获得两份相同的套餐</div>
  202. <div class="rule-point">其它说明:</div>
  203. <div class="rule-point">1.活动中获得的活动红包,不具备现金价值,仅限于在本活动中使用,不可用于双子星的其他活动(不可和新人7.5折优惠券一同使用),也不可用于在双子星兑换、交易。</div>
  204. <div class="rule-point">2.任务奖励发放条件由平台根据活动需要设定,用户已获得的任务奖励(如体力、星星等)仅限用于兑换相应活动资格或用于领取优惠券、体验套餐,该部分任务奖励不能用于在本活动所述平台进行现金/商品等的兑换、交易等其他事项。</div>
  205. <div class="rule-point">2.任务奖励发放条件由平台根据活动需要设定,用户已获得的任务奖励(如体力、星星等)仅限用于兑换相应活动资格或用于领取优惠券、体验套餐,该部分任务奖励不能用于在本活动所述平台进行现金/商品等的兑换、交易等其他事项。</div>
  206. <div class="rule-point">3.优惠券的可使用范围有限制,请以券面提示为准,用户可在下单时选择该订单的可用优惠券,的卡券页面中查看已领取的优惠券的详细情况。具体适用范围以商品详情页提示内容为准。无法使用优惠券的商品,在商品详情页将不展示优惠券;同一笔订单中,不同类型的券可以叠加,同一类型的券,仅可选择一张使用。</div>
  207. <div class="rule-point">4.活动平台有权对用户订单进行审核。如活动平台认定订单存在异常(包括任何形式的用户作弊行为),有权取消订单,订单取消后优惠券自动失效。</div>
  208. <div class="rule-point">法律声明</div>
  209. <div class="rule-point">
  210. 1. 同一用户是指使用同一帐号、同一手机号、同一设备或同一提现账户的用户。上述与用户身份相关的信息,其中任意一项或数项相同,或通过特定标记形成关联,或活动平台有合理理由认为存在关联的,都视为同一个用户。部分参与方式中,对用户帐号有限制,同一个设备最多可使用一个帐号参与活动,同一帐号最多可以使用一台设备参与活动;用户使用多个帐号在同一个设备上登录的,视为同一用户,仅有一个帐号可参与本活动。
  211. </div>
  212. <div class="rule-point">
  213. 2. 用户不得采取任何不正当或作弊的违规手段参与本活动,一经发现,活动平台有权限制或取消用户参与活动的资格,有权取消奖励、追讨用户已领取的奖励(或同等价值的现金)。活动平台有权对违规用户采取限制登录、封禁帐号、限制提现的措施,并保留追究用户其他法律责任的权利。违规手段包括但不仅限于:
  214. </div>
  215. <div class="rule-point">
  216. 2.1 通过不正当手段参与活动。例如使用模拟器、插件、软件外挂、物理外挂等违规工具参与活动,与其他用户串通采取不正当手段谋取活动奖励等;
  217. </div>
  218. <div class="rule-point">
  219. 2.2 扰乱本活动秩序。例如使用多个帐号参与活动,修改个人位置信息,篡改设备数据,买卖用户帐号,买卖活动权益,买卖领奖资格等;
  220. </div>
  221. <div class="rule-point">
  222. 2.3 干扰活动平台正常运营。例如批量注册用户帐号,违规使用用户帐号,采用技术手段对活动平台进行干扰、破坏、修改或施加其他影响;
  223. </div>
  224. <div class="rule-point">
  225. 2.4 利用本活动进行违法犯罪。例如利用本活动洗钱、套现、诈骗,或开展其他违反国家法律法规的活动;
  226. </div>
  227. <div class="rule-point">
  228. 2.5 其他违反法律法规,违背诚实信用原则,违反活动规则,或活动平台认为的不正当手段。
  229. </div>
  230. <div class="rule-point">
  231. 3. 如因以下原因导致活动不能正常举办、用户无法参与或参与失败、活动奖励发放错误等,活动平台/本活动有权暂停或取消活动,且不承担任何法律责任或不利后果:
  232. </div>
  233. <div class="rule-point">
  234. 3.1 不可抗力,包括但不仅限于自然灾害,有权机关的政策要求,政府机关指令,重大疫情影响等不能预见、不可避免、不能克服的情况;
  235. </div>
  236. <div class="rule-point">
  237. 3.2 活动平台发生技术故障,本活动受到不正当技术手段干扰、破坏、篡改或被施加其他影响,第三方平台限制活动平台或本活动,或其他导致本活动的正常秩序受到干扰的情况;
  238. </div>
  239. <div class="rule-point">
  240. 3.3 用户所在地区网络故障、支付平台故障、电信运营商故障等非活动平台所能控制的情况。
  241. </div>
  242. <div class="rule-point">
  243. 4. 活动平台不支持用户通过众包或类似方式参与活动。如用户因此遭受经济损失的,活动平台不承担任何赔偿或补偿责任。
  244. </div>
  245. <div class="rule-point">
  246. 5. 商品展示的划线价格为参考价,该价格可能是品牌专柜标价、商品吊牌价或品牌供应商提供的指导价、建议零售价或该商品在电商平台及/或其他渠道曾展示过的销售价,并非原价;由于地区等差异性和市场行情波动,品牌专柜标价、商品吊牌价等可能会与电商平台展示的不一致,该价格仅供用户参考。
  247. </div>
  248. <div class="rule-point">
  249. 6. 若由于用户自身原因(包括但不限于参与方式不符合活动规则、未按活动规则要求提供收件地址、操作不当造成产品功能故障等)导致无法实际享有奖励的,视为用户自愿放弃奖励,活动平台将不会也无义务给予任何形式的补偿。
  250. </div>
  251. <div class="rule-point">
  252. 7. 任何第三方以活动平台名义从事欺诈行为造成用户损失的,活动平台无需为此承担法律责任。
  253. </div>
  254. <div class="rule-point">
  255. 8. 活动平台和电商平台的《用户协议》《隐私政策》(以手机客户端对应名称为准)及其他规范同样适用于本活动,本活动规则与活动平台和电商平台《用户协议》《隐私政策》及其他规范相冲突的,以本活动规则为准。本活动规则未约定的内容,以活动平台和电商平台的《用户协议》《隐私政策》及其他平台规范为准。
  256. </div>
  257. <div class="rule-point">
  258. 9. 在法律法规允许的范围内,活动平台有权对本活动规则进行变动或调整,相关变动或调整将公布在活动规则页面上,并于公布时即时生效,用户继续参与活动则视为同意并接受变动或者调整后的活动规则。如果用户拒绝活动规则的变更或者调整,请放弃参与变更后的活动。
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. <div class="mask">
  264. <div class="pop">
  265. <img class="pop-bg" src="../static/img/doubleElevenActivity/pop_share.png" />
  266. <div class="top-title">恭喜你</div>
  267. <div class="share-num-text">还有*张优惠券可以分享</div>
  268. <div class="bottom">
  269. <div class="bottom-title-row">
  270. <span class="line"></span>
  271. <span class="bottom-title">分享到</span>
  272. <span class="line"></span>
  273. </div>
  274. <div class="bottom-share-row">
  275. <div class="left-friend_share">
  276. <img class="friend_share" src="../static/img/doubleElevenActivity/icon_wechat_friend_share.png" />
  277. <div class="share-text">朋友圈</div>
  278. </div>
  279. <div class="right-wechat">
  280. <img class="wechat" src="../static/img/doubleElevenActivity/wechat.png" />
  281. <div class="share-text">微信好友</div>
  282. </div>
  283. </div>
  284. </div>
  285. <div class="del">
  286. <img class="del-img" src="../static/img/doubleElevenActivity/del.png" />
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. <script>
  292. toastr.options.positionClass = 'toast-center-center';
  293. toastr.options.timeOut = '1500';
  294. </script>
  295. <script type="text/javascript">
  296. let timer,flag = true;
  297. var url = window.location.href;
  298. url = url.split('/');
  299. var topVal = -0.5;
  300. var baseUrl = 'http://192.168.211.34:8044'
  301. var loc = window.location.search,
  302. n1 = loc.length,//地址的总长度
  303. n2 = loc.indexOf("="),//取得=号的位置
  304. id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
  305. u = navigator.userAgent,
  306. ua = navigator.userAgent.toLowerCase(),
  307. isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  308. isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
  309. (function(){
  310. awardHandle();
  311. headerAward();
  312. getList();
  313. })()
  314. //轮播
  315. function headerAward(){
  316. setInterval(() =>{
  317. awardHandle();
  318. },3000);
  319. }
  320. function awardHandle(){
  321. let index = (topVal/0.5) + 1;
  322. if(topVal < 2){
  323. topVal+=0.5;
  324. }else{
  325. topVal = 0;
  326. $('.award-list').eq(0).css('top','0.5rem');
  327. }
  328. $('.award-text').eq(index).text(`恭喜1${[3,5,7,8,3,5,7,8,3,5][getRandom()]}${getRandom()}****${getRandom()}${getRandom()}${getRandom()}${getRandom()}用户免费获得唔即年卡`);
  329. $('.award-list').eq(0).animate({top: -(topVal) + 'rem'},"fast");
  330. }
  331. //调用获取数据列表接口
  332. function getList(){
  333. if(!id){
  334. stopManyClick(() => {
  335. toastr.error('不支持当前环境!');
  336. })
  337. }
  338. $.ajax({
  339. url: baseUrl + '/v1/activity/orderRedEnvelopeSharing',
  340. type: 'post',
  341. headers: {
  342. 'Authorization': id //id
  343. },
  344. contentType: "application/json",
  345. dataType: 'json',
  346. cache: false,
  347. success: function (res) {
  348. if(res.status === 0){
  349. if(res.data && res.data.length > 0){
  350. $('.invite-text').eq(0).show();
  351. $('.packet-container').eq(0).show();
  352. var str = '',
  353. len = res.data.length;
  354. for (var i = 0; i < len; i++) {
  355. var totalMoney = res.data[i].totalMoney,
  356. shareCount = res.data[i].shareCount,
  357. quantity = res.data[i].quantity;
  358. str += `<div class="packet">
  359. <img class="fxhb" src="../static/img/doubleElevenActivity/fxhb.png" />
  360. <div class="money"><span class="money-mark">¥</span><span class="money-val">${totalMoney}</span></div>
  361. <div class="packet-titles">无门槛</div>
  362. <div class="packet-times">${quantity}</div>
  363. <div class="share-btn">
  364. <img class="share" src="../static/img/doubleElevenActivity/share.png" />
  365. <div class="share-num">${shareCount}/${quantity}</div>
  366. </div>
  367. <div class="packet-info">尚未有用户领取红包购买云机</div>
  368. <img class="icon" src="../static/img/doubleElevenActivity/icon_down.png" />
  369. </div>
  370. <div class="user-list" flag="1">
  371. <div class="user-item">
  372. <div class="user-left">
  373. <img class="head-img" src="../static/img/doubleElevenActivity/head-img.png" />
  374. <div class="user-info">
  375. <div class="user-name">用户名</div>
  376. <div class="user-time">11月20日10:32:13</div>
  377. </div>
  378. </div>
  379. <div class="meal">星动/30天云手机套餐</div>
  380. <div class="receive">领取</div>
  381. </div>
  382. </div>`
  383. }
  384. $('.red-packet-next').eq(0).append(str);
  385. }
  386. }else{
  387. stopManyClick(() => {
  388. toastr.error(res.msg);
  389. })
  390. }
  391. }
  392. })
  393. }
  394. //埋点
  395. operate('dt_yhs_活动页面浏览');
  396. function operate(pointName,type){
  397. $.ajax({
  398. url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
  399. type: 'post',
  400. data:JSON.stringify({
  401. pointName: pointName
  402. }),
  403. contentType:"application/json",
  404. dataType: 'json',
  405. cache: false,
  406. success: function (res) {
  407. if(type === 'click'){
  408. changePhone();
  409. }
  410. },
  411. })
  412. }
  413. $('.red-packet-next')[0].addEventListener('click',() => {
  414. $('.user-list').eq(0).toggle();
  415. const flag = $('.user-list').eq(0).attr('flag');
  416. if(flag === '1'){
  417. $('.icon').eq(0).attr('src','../static/img/doubleElevenActivity/icon_up.png');
  418. $('.user-list').eq(0).attr('flag','2');
  419. }else{
  420. $('.icon').eq(0).attr('src','../static/img/doubleElevenActivity/icon_down.png');
  421. $('.user-list').eq(0).attr('flag','1');
  422. }
  423. })
  424. //点击参加按钮
  425. $('.join-activity-btn')[0].addEventListener('click',()=>{
  426. window.native.startPurchase();
  427. });
  428. //点击分享
  429. $('.red-packet-next')[0].addEventListener('click',(e) => {
  430. if(e.target.className === 'share' || e.target.className === 'share-num'){
  431. e.stopPropagation();
  432. $('.pop').animate({top: '48vh'},"fast");
  433. $('.mask').show();
  434. document.documentElement.style.overflow='auto';
  435. }
  436. });
  437. //点击分享朋友圈
  438. $('.left-friend_share')[0].addEventListener('click',()=>{
  439. shareHandle('shareToWechatCircle');
  440. });
  441. //点击分享微信
  442. $('.right-wechat')[0].addEventListener('click',()=>{
  443. shareHandle('shareToWechat');
  444. });
  445. //点击领取
  446. $('.receive')[0].addEventListener('click',()=>{
  447. window.native.activatePhone(112);
  448. });
  449. function shareHandle(type) {
  450. if (isAndroid) {
  451. if(window.native){
  452. window.native[type](
  453. '111',
  454. '111',
  455. 'pages/home/home?AppID=wxe7a691bd1cd74958',
  456. 'https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/18fe2f6bb3c843c0b6fc3935a7411c51~tplv-k3u1fbpfcp-zoom-mark-crop-v2:240:240:0:0.awebp'
  457. );
  458. }else{
  459. stopManyClick(() => {
  460. toastr.error('不支持当前环境!');
  461. })
  462. }
  463. }else{
  464. stopManyClick(() => {
  465. toastr.error('不支持当前环境!');
  466. })
  467. }
  468. }
  469. //点击关闭弹窗
  470. $('.red-packet-next')[0].addEventListener('click',(e)=>{
  471. console.log(e.target.className)
  472. if(e.target.className === 'el'){
  473. $('.pop').animate({top: '-6.96rem'},"fast");
  474. $('.mask').hide();
  475. document.documentElement.style.overflow='auto';
  476. }
  477. });
  478. // //点击分享
  479. // $('.share-node')[0].addEventListener('click',()=>{
  480. // if(!id){
  481. // copyUrl();
  482. // } else if (isiOS) {
  483. // $.ajax({
  484. // url: baseUrl + '/api/user/v1/promote',
  485. // type: 'get',
  486. // headers: {
  487. // 'Authorization': id //id
  488. // },
  489. // contentType: "application/json",
  490. // dataType: 'json',
  491. // cache: false,
  492. // success: function (res) {
  493. // var jsonStr = JSON.stringify(res.data)
  494. // var jsonObj = JSON.parse(jsonStr)
  495. // // WKWebView使用
  496. // // 使用下方方法,会报错,为使界面执行逻辑通畅,因此使用try-catch
  497. // try {
  498. // getMessage(jsonObj);
  499. // } catch (error) {
  500. // console.log(error)
  501. // }
  502. // try {
  503. // window.webkit.messageHandlers.getMessage.postMessage(jsonObj)
  504. // } catch (error) {
  505. // copyUrl();
  506. // }
  507. // }
  508. // })
  509. // } else if (isAndroid) {
  510. // if(window.native){
  511. // window.native.onClikWebView()
  512. // }else{
  513. // copyUrl();
  514. // }
  515. // }else{
  516. // copyUrl();
  517. // }
  518. // },false);
  519. //调用免费换机接口
  520. function changePhone(){
  521. let data = {
  522. inviteTime: entryPageTime,
  523. type: fromType,
  524. account: account,
  525. password: password
  526. }
  527. if(!id){
  528. delete data.inviteTime
  529. }
  530. let ajaxObj = {
  531. url: baseUrl + '/v1/activity/orderRedEnvelopeSharing',
  532. type: 'post',
  533. headers: {
  534. 'Authorization': id //id
  535. },
  536. data:JSON.stringify(data),
  537. contentType: "application/json",
  538. dataType: 'json',
  539. cache: false,
  540. success: function (res) {
  541. if(res.status === 0){
  542. $('.dialog').animate({top: '46vh'},"fast");
  543. $('.mask').show();
  544. $('.tip').animate({top: '-6.96rem'},"fast");
  545. document.documentElement.style.overflow='hidden';
  546. }else{
  547. $('#tip-text').text(res.msg);
  548. $('.tip').animate({top: '48vh'},"fast");
  549. $('.mask').show();
  550. $('.dialog').animate({top: '-6.96rem'},"fast");
  551. document.documentElement.style.overflow='hidden';
  552. }
  553. }
  554. }
  555. if(!id){
  556. delete ajaxObj.headers
  557. }
  558. $.ajax(ajaxObj)
  559. }
  560. //防止提示一秒内重复显示
  561. function stopManyClick(fn) {
  562. if (flag) {
  563. fn();
  564. }
  565. flag = false;
  566. if(timer){clearTimeout(timer);}
  567. timer = setTimeout(() => {flag = true}, 1500);
  568. }
  569. // 获取一个随机数
  570. function getRandom(){
  571. return Math.floor(Math.random()*10);
  572. }
  573. </script>
  574. </body>
  575. </html>