Geen omschrijving

index.html 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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?v=3"/>
  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>分享给好友后即可领取红包</p>
  27. <p class="copy shareHongbao">立即分享</p>
  28. </div>
  29. <div class="already">
  30. <p class="num"></p>
  31. <div class="roll-wrap" id="roll-wrap">
  32. <ul></ul>
  33. </div>
  34. </div>
  35. <div class="cooperation">
  36. <img src="images/jinniu.png" alt="" />
  37. <img src="images/taobao.png" alt="" />
  38. <img src="images/liedou.png" alt="" />
  39. </div>
  40. <div class="bottom">
  41. <p>联合送礼</p>
  42. <p>下载猎豆优选,大额红包拿到手软</p>
  43. </div>
  44. </div>
  45. <!--页面2-->
  46. <div id="invitation">
  47. <div class="success">
  48. <p class="shareSuccess">恭喜你,分享成功</p>
  49. <p class="copyTkl">点击下方复制淘口令,打开手机淘宝领取红包</p>
  50. <button class="share shareCopy" style="margin-bottom:0.4rem">一键复制</button>
  51. </div>
  52. <div class="download">
  53. <p class="tit">获取更多大额红包,下载猎豆优选</p>
  54. <div class="leidou">
  55. <img src="images/liedou.png" class="liedouImg"/>
  56. <p class="introduce"><img src="images/logo.png" alt="" /><span>购物先领券,下单赚佣金</span></p>
  57. <a class="down" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.kuxuan.coupon_liedou">下载APP</a>
  58. </div>
  59. </div>
  60. <div class="btom">在淘宝/天猫购物之前,先来“猎豆优选App”</div>
  61. </div>
  62. <div class="shareMask">
  63. <div class="weixin">
  64. <div class="weixins">
  65. <div class="weixinShare" onclick="shareWeixin()">
  66. <img src="../H5/weixin.png" />
  67. <span>微信</span>
  68. </div>
  69. <div class="pengyouquan" onclick="sharePengyouquan()">
  70. <img src="../H5/weixinQuan.png"/>
  71. <span>朋友圈</span>
  72. </div>
  73. </div>
  74. <div class="cancel">取消分享</div>
  75. </div>
  76. </div>
  77. <div class="shareWechat">
  78. <img src="./images/wx_jiantou.png" class="wx_jiantou" />
  79. <div class="shareWechatCon">
  80. <h3>分享给朋友/群聊</h3>
  81. <p>分享后即可领取红包</p>
  82. <img class="cancel" src="./images/close.png"></img>
  83. </div>
  84. </div>
  85. <input id="copy_1" type="text" readOnly="true" value=""/>
  86. <div id="copy_2"></div>
  87. <text id="taokouling">啦啦啦啦啊啦啊</text>
  88. <div class="alert-info" style="display: none;">
  89. <!-- tip提示,3s后消失 -->
  90. <p></p>
  91. </div>
  92. </body>
  93. </html>
  94. <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
  95. <script type="text/javascript" src="js/index.js?v=3"></script>
  96. <script type="text/javascript" src="js/invitation.js?v=3"></script>