You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

download.html 5.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <base href="/" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta name="viewport" content="width=device-width,initial-scale=1" />
  7. <title>应用下载</title>
  8. <style type="text/css">
  9. html,
  10. html body,
  11. body {
  12. padding: 0px;
  13. margin: 0px;
  14. font-size: 14px;
  15. width: 100%;
  16. height: 100%;
  17. }
  18. #container {
  19. width: 100%;
  20. height: 100%;
  21. min-width: 100%;
  22. min-height: 100%;
  23. position: relative;
  24. overflow: hidden;
  25. background-color: #0096df !important;
  26. background: url(./images/20211109/bg.png);
  27. background-repeat: no-repeat center top;
  28. background-position: center 0;
  29. text-align: center;
  30. background-size: cover;
  31. }
  32. .logo-padding {
  33. height: 18%;
  34. max-height: 130px;
  35. }
  36. .logo-box {
  37. text-align: center;
  38. }
  39. .logo-box img {
  40. display: inline-block;
  41. width: 101px;
  42. }
  43. .action-box {
  44. position: absolute;
  45. left: 0;
  46. bottom: 92px;
  47. width: 100%;
  48. }
  49. .action-box .rr {
  50. display: flex;
  51. flex-direction: column;
  52. -webkit-box-align: center !important;
  53. -webkit-align-items: center !important;
  54. -ms-flex-align: center !important;
  55. align-items: center !important;
  56. width: 88%;
  57. max-width: 400px;
  58. border-width: 0 !important;
  59. margin: 17px auto 0 auto;
  60. text-align: center;
  61. border-radius: 12px;
  62. height: 54px;
  63. font-size: 18px;
  64. }
  65. .action-box .rr .btn-inner {
  66. height: 100%;
  67. display: flex;
  68. flex-direction: row;
  69. -webkit-box-align: center !important;
  70. -webkit-align-items: center !important;
  71. -ms-flex-align: center !important;
  72. align-items: center !important;
  73. }
  74. .action-box .rr img {
  75. display: inline-block;
  76. margin-right: 22px;
  77. }
  78. .action-box .r1 {
  79. background-color: white;
  80. color: #333;
  81. }
  82. .action-box .r1 img {
  83. width: 21px;
  84. height: 25px;
  85. }
  86. .action-box .r2 {
  87. background-color: green;
  88. color: #fff;
  89. }
  90. .action-box .r2 img {
  91. width: 23px;
  92. height: 26px;
  93. }
  94. </style>
  95. <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  96. <script type="text/javascript">
  97. /*****************************************/
  98. // var baseURL = 'http://yunkuang.eg.setech.ltd';
  99. // var baseURL = 'http://hizeal.cn';
  100. // var baseURL = 'http://vdsms.com';
  101. var baseURL = 'http://3g3e.net';
  102. /*****************************************/
  103. var ajax = function (methods, url, text, callBack) {
  104. if (window.XMLHttpRequest) {
  105. var xhr = new XMLHttpRequest();
  106. } else {
  107. var xhr = new ActiveXObject("Microsoft.XMLHTTP");
  108. }
  109. var methods = methods || "get";
  110. xhr.open(methods, url, true);
  111. xhr.onreadystatechange = function () {
  112. if (xhr.readyState == 4) {
  113. if (xhr.status == 200) {
  114. callBack(null, xhr.responseText);
  115. } else {
  116. let error = "错误码" + xhr.status;
  117. callBack(error, xhr.responseText);
  118. }
  119. }
  120. };
  121. if (methods == "get") {
  122. xhr.send();
  123. }
  124. if (methods == "post") {
  125. xhr.send(text);
  126. }
  127. };
  128. function androidDownload() {
  129. if (isWx()) {
  130. return alert('请点击右上角菜单,选择在默认浏览器中打开');
  131. }
  132. ajax("get", baseURL + '/clients/ver.json', "", function (err, data) {
  133. if (err) {
  134. console.log("req:", dataUrl, err, data);
  135. alert(err);
  136. return;
  137. }
  138. try {
  139. var res = JSON.parse(data);
  140. console.log(res)
  141. if (res.code === 'success') {
  142. location.href = res.data.apk_url;
  143. // alert(res.msg);
  144. return;
  145. }
  146. // 跳转到下载页
  147. } catch (e) {
  148. console.log(e);
  149. alert('打开下载链接失败');
  150. return;
  151. }
  152. });
  153. }
  154. function isWx() {
  155. var userAgent = window.navigator.userAgent.toLowerCase();
  156. if (userAgent.indexOf('micromessenger') !== -1) {
  157. // 确认是微信浏览器
  158. console.log('用户使用的是微信浏览器');
  159. return true;
  160. } else {
  161. // 不是微信浏览器
  162. console.log('用户使用的不是微信浏览器');
  163. return false;
  164. }
  165. }
  166. </script>
  167. </head>
  168. <body>
  169. <div id="container">
  170. <div class="logo-padding"></div>
  171. <div class="logo-box">
  172. <img src="./images/20211109/cloud.png" alt="常客云" />
  173. </div>
  174. <div class="action-box">
  175. <div>
  176. <button type="button" class="rr r1"
  177. onclick="location.href='https://apps.apple.com/cn/app/%E5%B8%B8%E5%AE%A2%E4%BA%91/id1459830971?l=en/'">
  178. <div class="btn-inner">
  179. <img src="./images/20211109/iphone.png" />
  180. <span>iPhone版下载</span>
  181. </div>
  182. </button>
  183. </div>
  184. <div>
  185. <button type="button" class="rr r2" onclick="androidDownload()">
  186. <div class="btn-inner">
  187. <img src="./images/20211109/android.png" />
  188. <span>Android版下载</span>
  189. </div>
  190. </button>
  191. </div>
  192. </div>
  193. </div>
  194. </body>
  195. </html>