説明なし

index.html 4.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>分享领红包</title>
  8. <link rel="stylesheet" type="text/css" href="public/public_css.css"/>
  9. <link rel="stylesheet" type="text/css" href="./index.css"/>
  10. <script type="text/javascript" src="../api-url.js"></script>
  11. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  12. <script src="js/weChatShare.js?v=2"></script>
  13. <script type="text/javascript">
  14. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  15. window.onresize = function(){
  16. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  17. }
  18. </script>
  19. </head>
  20. <body>
  21. <div id="index">
  22. <div class="banner">
  23. <img src="images/banner.png"/>
  24. </div>
  25. <div class="red_packet">
  26. <!--<p class="click">点我领红包</p>-->
  27. <p class="copy" onclick="collarRed()">领取红包</p>
  28. <!--<p class="con">自动生成淘口令,打开手机淘宝领取红包</p>-->
  29. </div>
  30. <div class="already">
  31. <p class="num"></p>
  32. <div class="roll-wrap" id="roll-wrap">
  33. <ul>
  34. <!--<li><img src="images/001.png" /><span class="username">小豆***</span><span class="ed">领取了红包</span><span class="day">05-30</span><span class="time">14:36</span></li>
  35. <li><img src="images/001.png" /><span class="username">小兰***</span><span class="ed">领取了红包</span><span class="day">05-30</span><span class="time">14:37</span></li>
  36. <li><img src="images/001.png" /><span class="username">小豆紫***</span><span class="ed">领取了红包</span><span class="day">05-30</span><span class="time">15:36</span></li>-->
  37. </ul>
  38. </div>
  39. </div>
  40. <div class="cooperation">
  41. <img src="images/jinniu.png" alt="" />
  42. <img src="images/taobao.png" alt="" />
  43. <img src="images/liedou.png" alt="" />
  44. </div>
  45. <div class="bottom">
  46. <p>联合送礼</p>
  47. <p>下载猎豆优选,大额红包拿到手软</p>
  48. </div>
  49. </div>
  50. <!--页面2-->
  51. <div id="invitation">
  52. <div class="success">
  53. <p class="shareSuccess">分享给好友,领取红包</p>
  54. <p class="copyTkl">点击下方赋值淘口令,打开手机淘宝领取红包</p>
  55. <button class="share shareHongbao">分享</button>
  56. <button class="share shareCopy" style="display: none;">一键复制</button>
  57. <p class="shareTitle">分享给朋友,有奖一起分</p>
  58. </div>
  59. <div class="download">
  60. <p class="tit">获取更多大额红包,下载猎豆优选</p>
  61. <div class="leidou">
  62. <img src="images/liedou.png" class="liedouImg"/>
  63. <p class="introduce"><img src="images/logo.png" alt="" /><span>购物先领券,下单赚佣金</span></p>
  64. <a class="down" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.kuxuan.coupon_liedou">下载APP</a>
  65. </div>
  66. </div>
  67. <div class="btom">在淘宝/天猫购物之前,先来“猎豆优选App”</div>
  68. <div class="shareMask">
  69. <div class="weixin">
  70. <div class="weixins">
  71. <div class="weixinShare" onclick="shareWeixin()">
  72. <img src="../H5/weixin.png" />
  73. <span>微信</span>
  74. </div>
  75. <div class="pengyouquan" onclick="sharePengyouquan()">
  76. <img src="../H5/weixinQuan.png"/>
  77. <span>朋友圈</span>
  78. </div>
  79. </div>
  80. <div class="cancel">取消分享</div>
  81. </div>
  82. </div>
  83. <div class="shareWechat">
  84. <img src="./images/wx_jiantou.png" class="wx_jiantou" />
  85. <div class="shareWechatCon">
  86. <h3>恭喜你,获得淘宝红包</h3>
  87. <p>分享给好友,有奖一起拿</p>
  88. <img class="cancel" src="./images/close.png"></img>
  89. </div>
  90. </div>
  91. <input id="copy_1" type="text" readOnly="true" value=""/>
  92. <div id="copy_2"></div>
  93. <text id="taokouling">€WVXSb1pT51S€</text>
  94. </div>
  95. <div class="alert-info" style="display: none;">
  96. <!-- tip提示,3s后消失 -->
  97. <p></p>
  98. </div>
  99. </body>
  100. </html>
  101. <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
  102. <script type="text/javascript" src="js/index.js"></script>
  103. <script type="text/javascript" src="js/invitation.js?v=1"></script>