No Description

index.html 4.2KB

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