app.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <!DOCTYPE html>
  2. <html style="font-size: 100px;">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>APP下载</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1,maximum-scale=1,minimal-ui">
  7. <meta name="format-detection" content="telephone=no">
  8. <meta name="keywords" content="APP下载">
  9. <meta name="description" content="">
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="apple-mobile-web-app-status-bar-style" content="default">
  12. <meta name="screen-orientation" content="portrait">
  13. <meta name="x5-orientation" content="portrait">
  14. <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
  15. <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
  16. <script>!function () {
  17. function e(e) {
  18. return this.config = e, this
  19. }
  20. e.prototype = {
  21. reset: function () {
  22. var e = this.config && this.config.baseline && !isNaN(this.config.baseline) ? this.config.baseline : 750,
  23. n = Math.min(document.documentElement.clientWidth, e) / e * 100;
  24. document.documentElement.style.fontSize = n + "px";
  25. var t = parseFloat(window.getComputedStyle(document.documentElement).fontSize), o = n / t;
  26. 1 != o && (document.documentElement.style.fontSize = n * o + "px")
  27. }
  28. }, window.Adapter = new e(window.ADAPTER_CONF || {}), window.Adapter.reset(), window.onload = function () {
  29. window.Adapter.reset()
  30. }, window.onresize = function () {
  31. window.Adapter.reset()
  32. }
  33. }();</script>
  34. <style>
  35. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  36. margin: 0;
  37. padding: 0;
  38. border: 0;
  39. font-size: 100%;
  40. font: inherit;
  41. vertical-align: baseline
  42. }
  43. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  44. display: block
  45. }
  46. body {
  47. line-height: 1
  48. }
  49. ol, ul {
  50. list-style: none
  51. }
  52. blockquote, q {
  53. quotes: none
  54. }
  55. blockquote:before, blockquote:after, q:before, q:after {
  56. content: '';
  57. content: none
  58. }
  59. table {
  60. border-collapse: collapse;
  61. border-spacing: 0
  62. }
  63. html {
  64. font-size: 100px
  65. }
  66. body {
  67. font-size: 12px;
  68. -webkit-text-size-adjust: 100% !important
  69. }
  70. #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
  71. html {
  72. font-family: -apple-system, BlinkMacSystemFont, STHeiti, 'Microsoft YaHei', Helvetica, Arial, sans-serif
  73. }
  74. :not(input,textarea) {
  75. -webkit-touch-callout: none;
  76. -webkit-user-select: none
  77. }
  78. .dfsdf{
  79. width:50%;
  80. border-radius: 5px;
  81. background:#ddd;
  82. background: rgba(0,0,0,0.3);
  83. margin-left:25%;
  84. padding-top: 0px;
  85. line-height:30px;
  86. font-size: 14px;
  87. color: #fff;
  88. margin-bottom: 20px;
  89. text-align:center;
  90. display: none;
  91. }
  92. #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
  93. #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
  94. #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
  95. </style>
  96. <link rel="stylesheet" href="index_6e7b938.css">
  97. </head>
  98. <body>
  99. <img id="weixinShareLogo" src="icon_16674815ec4bd46a3b51cdc435b4f345.png" style="position:absolute;top:-1000px;left:-1000px;">
  100. <a id="container" href="#" data-app-download-position="home-site">
  101. <div class="slogan-warpper"><img src="slogan@2x_9020aca.png" alt="slogan"></div>
  102. <div class="cellphone-warpper"><img src="iphone@2x_0c3a658.png" alt="cellphone"></div>
  103. <div onclick="copyText()" class="dfsdf" id="dfsdf">
  104. <span>邀请码:</span>
  105. <span id="text"></span>
  106. <textarea id="input"></textarea>
  107. <!--<span id="fzcg">点击复制</span>-->
  108. </div>
  109. <div id="containers" class="button-warpper"><span class="button">下载APP</span></div>
  110. </a>
  111. <div id="weixin-tip"><p><img src="live_weixin.png" style="width: 100%;" alt="微信打开" /><span id="close" title="关闭" class="close">×</span></p></div>
  112. <script>
  113. if(getQueryVariable('id')){
  114. document.getElementById("text").innerHTML = getQueryVariable('id');
  115. var oImg2 = document.getElementById("dfsdf");
  116. oImg2.style.display = "block";
  117. }
  118. function copyText() {
  119. var text = document.getElementById("text").innerText;
  120. var input = document.getElementById("input");
  121. input.setAttribute("readonly", "readonly");//设置只读
  122. input.value = text; // 修改文本框的内容
  123. input.select(); // 选中文本
  124. document.execCommand("copy"); // 执行浏览器复制命令
  125. alert("复制成功");
  126. }
  127. function getQueryVariable(variable)
  128. {
  129. var query = window.location.search.substring(1);
  130. var vars = query.split("&");
  131. for (var i=0;i<vars.length;i++) {
  132. var pair = vars[i].split("=");
  133. if(pair[0] == variable){return pair[1];}
  134. }
  135. return(false);
  136. }
  137. function is_weixin() {
  138. var ua = navigator.userAgent.toLowerCase();
  139. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  140. return true;
  141. } else {
  142. return false;
  143. }
  144. }
  145. window.onload = function () {
  146. var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉
  147. var btn = document.getElementById('containers');
  148. var tip = document.getElementById('weixin-tip');
  149. var close = document.getElementById('close');
  150. if (is_weixin()) {
  151. btn.onclick = function (e) {
  152. tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
  153. tip.style.display = 'block';
  154. return false;
  155. }
  156. close.onclick = function () {
  157. tip.style.display = 'none';
  158. }
  159. }else{
  160. btn.onclick = function (e) {
  161. window.open("http://rlfjuhxse.bkt.clouddn.com/Ba.apk?v="+Math.random(), "_self");
  162. }
  163. }
  164. }
  165. </script>
  166. </body>
  167. </html>