downloadApp2.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="viewport"
  7. content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <title>极速驾培app下载</title>
  9. <style type="text/css">
  10. * {
  11. margin: 0;
  12. padding: 0;
  13. box-sizing: border-box;
  14. border: 0;
  15. }
  16. #app {
  17. width: 100%;
  18. position: relative;
  19. overflow: hidden;
  20. }
  21. .password1 {
  22. top: 24.5vw;
  23. position: absolute;
  24. left: 12.8vw;
  25. width: 74vw;
  26. }
  27. .download1 {
  28. top: 46vw;
  29. position: absolute;
  30. left: 12.8vw;
  31. width: 74vw;
  32. }
  33. .password2 {
  34. top: 118vw;
  35. position: absolute;
  36. left: 12.8vw;
  37. width: 74vw;
  38. }
  39. .download2 {
  40. top: 140vw;
  41. position: absolute;
  42. left: 12.8vw;
  43. width: 74vw;
  44. }
  45. .logo1 {
  46. width: 50%;
  47. position: absolute;
  48. left: 25%;
  49. top: 10vw;
  50. }
  51. .logo2 {
  52. width: 50%;
  53. position: absolute;
  54. left: 25%;
  55. top: 100vw;
  56. }
  57. .icon1 {
  58. position: absolute;
  59. width: 98vw;
  60. left: 1vw;
  61. top: 32vw;
  62. }
  63. .icon2 {
  64. position: absolute;
  65. width: 98vw;
  66. left: 1vw;
  67. top: 117vw;
  68. }
  69. .bg {
  70. width: 100%;
  71. overflow: hidden;
  72. font-size: 0;
  73. }
  74. .qr {
  75. position: absolute;
  76. top: 121vw;
  77. width: 25vw;
  78. height: 25vw;
  79. left: 37.5vw;
  80. }
  81. .button1 {
  82. width: 64vw;
  83. line-height: 12.8vw;
  84. background: #498EF5;
  85. border-radius: 48px;
  86. font-size: 6.4vw;
  87. position: absolute;
  88. top: 125vw;
  89. left: 18vw;
  90. color: #fff;
  91. text-align: center;
  92. }
  93. .button2 {
  94. position: absolute;
  95. width: 64vw;
  96. line-height: 12.8vw;
  97. background: #498EF5;
  98. border-radius: 48px;
  99. font-size: 6.4vw;
  100. top: 145vw;
  101. left: 18vw;
  102. color: #fff;
  103. text-align: center;
  104. }
  105. #wx-download {
  106. position: fixed;
  107. top: 0;
  108. left: 0;
  109. width: 100vw;
  110. z-index: 999;
  111. display: none;
  112. }
  113. #wx-download>img {
  114. width: 100vw;
  115. }
  116. </style>
  117. </head>
  118. <body>
  119. <div id="banner_2_0"></div>
  120. <div id="app">
  121. <div id="wx-download">
  122. <img src="https://t1-1305573081.file.myqcloud.com/test/adown/wx_download.png">
  123. </div>
  124. <img class="bg" src="https://t1-1305573081.file.myqcloud.com/test/adown/bg3.png">
  125. <img class="icon1" src="https://t1-1305573081.file.myqcloud.com/test/adown/icon1.png">
  126. <img class="icon2" src="https://t1-1305573081.file.myqcloud.com/test/adown/icon2.png">
  127. <img class="logo1" src="https://t1-1305573081.file.myqcloud.com/test/adown/logo2.png">
  128. <img class="logo2" src="https://t1-1305573081.file.myqcloud.com/test/adown/logo3.png">
  129. <a href="./password1.html"> <img class="password1"
  130. src="https://t1-1305573081.file.myqcloud.com/test/adown/student_password.png"></a>
  131. <img class="download1" onclick="downLoadApp1()"
  132. src="https://t1-1305573081.file.myqcloud.com/test/adown/download_button1.png">
  133. <a href="./password2.html"><img class="password2"
  134. src="https://t1-1305573081.file.myqcloud.com/test/adown/teacher_password.png"></a>
  135. <img class="download2" onclick="downLoadApp2()"
  136. src="https://t1-1305573081.file.myqcloud.com/test/adown/download_button2.png">
  137. <!-- <img class="qr" src="https://t1-1305573081.file.myqcloud.com/test/adown/qr.png"> -->
  138. <!-- <div onclick="downLoadApp1()" class="button1">
  139. 点击下载1
  140. </div>
  141. <div onclick="downLoadApp2()" class="button2">
  142. 点击下载2
  143. </div> -->
  144. </div>
  145. <script type="text/javascript">
  146. // 腾讯广告全局申明只需运行一次
  147. window.TencentGDT = window.TencentGDT || [];
  148. // 广告示例声明
  149. TencentGDT.push({
  150. app_id: '1205690058',
  151. placement_id: '9037822631845911', // 广告位id,请从联盟平台广告位获取
  152. type: 'native', // 广告类型
  153. display_type: 'banner', // 广告播放类型: banner广告
  154. carousel: 3000, // 轮播时间,> 3000数字类型,否则轮播会被取消
  155. containerid: 'banner_2_0', // 广告容器
  156. onComplete: function (res) {
  157. if (res.ret == 0) {
  158. console.log('广告播放成功');
  159. } else {
  160. console.log('广告播放失败', res);
  161. }
  162. }
  163. });
  164. // H5 SDK接入全局只需运行一次
  165. // (function () {
  166. // var doc = document,
  167. // h = doc.getElementsByTagName('head')[0],
  168. // s = doc.createElement('script');
  169. // s.async = true;
  170. // s.src = '//qzs.qq.com/qzone/biz/res/i.js';
  171. // h && h.insertBefore(s, h.firstChild);
  172. // })();
  173. </script>
  174. <script src="//qzs.gdtimg.com/union/res/union_sdk/page/h5_sdk/i.js"></script>
  175. <script>
  176. var jsjp_android = 'https://t1-1305573081.file.myqcloud.com/apk/fj_student_2.1.5.apk'
  177. var jlgj_android = 'https://t1-1305573081.file.myqcloud.com/apk/jlgj1.2.6.apk'
  178. var ajax1 = new XMLHttpRequest()
  179. var ajax2 = new XMLHttpRequest()
  180. ajax1.open('get', "https://jsjp-admin.zzxcx.net/jsjp-admin/open-api/gzpt/userInfo/configKey/jsjp_android")
  181. ajax1.send()
  182. ajax1.onreadystatechange = function () {
  183. if (ajax1.status == 200 && ajax1.readyState == 4) {
  184. jsjp_android = JSON.parse(ajax1.responseText).data
  185. }
  186. }
  187. ajax2.open('get', "https://jsjp-admin.zzxcx.net/jsjp-admin/open-api/gzpt/userInfo/configKey/coach_android")
  188. ajax2.send()
  189. ajax2.onreadystatechange = function () {
  190. if (ajax2.status == 200 && ajax2.readyState == 4) {
  191. jlgj_android = JSON.parse(ajax2.responseText).data
  192. }
  193. }
  194. function getPhoneSystem() {
  195. var u = navigator.userAgent;
  196. if (u.indexOf('Android') > -1) {
  197. return 'android'
  198. }
  199. if (u.indexOf("iPhone") > -1 || u.indexOf("iOS") > -1) {
  200. return 'ios';
  201. }
  202. }
  203. function isWeixin() {
  204. var ua = navigator.userAgent.toLowerCase();
  205. if (ua.search('micromessenger') !== -1) {
  206. return true;
  207. } else {
  208. return false;
  209. }
  210. }
  211. function downLoadApp1() {
  212. if (getPhoneSystem() == 'ios') {
  213. // window.location.href = 'https://apps.apple.com/us/app/极速驾培/id1214200225'
  214. window.location.href = "https://apps.apple.com/cn/app/极速驾培/id1214200225"
  215. return
  216. }
  217. else if (getPhoneSystem() == 'android' && isWeixin() == false) {
  218. window.location.href = jsjp_android
  219. return
  220. }
  221. else {
  222. document.getElementById('wx-download').style = 'display:block'
  223. document.getElementById('wx-download').onclick = function (e) {
  224. document.getElementById('wx-download').style = 'display:none'
  225. }
  226. // const a = document.createElement('a')
  227. // a.href = jsjp_android
  228. // a.download = 'fj_student.apk'
  229. // document.body.append(a)
  230. // a.click()
  231. // document.body.removeChild(a)
  232. // window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
  233. }
  234. }
  235. function downLoadApp2() {
  236. if (getPhoneSystem() == 'ios') {
  237. // window.location.href = 'https://apps.apple.com/us/app/极速驾培/id1214200225'
  238. window.location.href = "https://apps.apple.com/cn/app/教练管家/id1214203182"
  239. return
  240. }
  241. else if (getPhoneSystem() == 'android' && isWeixin() == false) {
  242. window.location.href = jlgj_android
  243. return
  244. }
  245. else {
  246. document.getElementById('wx-download').style = 'display:block'
  247. document.getElementById('wx-download').onclick = function (e) {
  248. document.getElementById('wx-download').style = 'display:none'
  249. }
  250. // window.location.href = "https://itunes.apple.com/cn/app/id1214200225"
  251. }
  252. }
  253. </script>
  254. </body>
  255. </html>