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.3KB

3 kuukautta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  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. ajax("get", baseURL + '/clients/ver.json', "", function (err, data) {
  130. if (err) {
  131. console.log("req:", dataUrl, err, data);
  132. alert(err);
  133. return;
  134. }
  135. try {
  136. var res = JSON.parse(data);
  137. console.log(res)
  138. if (res.code === 'success') {
  139. location.href = res.data.apk_url;
  140. // alert(res.msg);
  141. return;
  142. }
  143. // 跳转到下载页
  144. } catch (e) {
  145. console.log(e);
  146. alert('打开下载链接失败');
  147. return;
  148. }
  149. });
  150. }
  151. </script>
  152. </head>
  153. <body>
  154. <div id="container">
  155. <div class="logo-padding"></div>
  156. <div class="logo-box">
  157. <img src="./images/20211109/cloud.png" alt="常客云" />
  158. </div>
  159. <div class="action-box">
  160. <div>
  161. <button
  162. type="button"
  163. class="rr r1"
  164. onclick="location.href='https://apps.apple.com/cn/app/%E5%B8%B8%E5%AE%A2%E4%BA%91/id1459830971?l=en/'"
  165. >
  166. <div class="btn-inner">
  167. <img src="./images/20211109/iphone.png" />
  168. <span>iPhone版下载</span>
  169. </div>
  170. </button>
  171. </div>
  172. <div>
  173. <button
  174. type="button"
  175. class="rr r2"
  176. onclick="androidDownload()">
  177. <div class="btn-inner">
  178. <img src="./images/20211109/android.png" />
  179. <span>Android版下载</span>
  180. </div>
  181. </button>
  182. </div>
  183. </div>
  184. </div>
  185. </body>
  186. </html>