<!DOCTYPE html>
<html>
<head>
<base href="/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>应用下载</title>
<style type="text/css">
html,
html body,
body {
padding: 0px;
margin: 0px;
font-size: 14px;
width: 100%;
height: 100%;
}
#container {
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
background-color: #0096df !important;
background: url(./images/20211109/bg.png);
background-repeat: no-repeat center top;
background-position: center 0;
text-align: center;
background-size: cover;
}
.logo-padding {
height: 18%;
max-height: 130px;
}
.logo-box {
text-align: center;
}
.logo-box img {
display: inline-block;
width: 101px;
}
.action-box {
position: absolute;
left: 0;
bottom: 92px;
width: 100%;
}
.action-box .rr {
display: flex;
flex-direction: column;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
width: 88%;
max-width: 400px;
border-width: 0 !important;
margin: 17px auto 0 auto;
text-align: center;
border-radius: 12px;
height: 54px;
font-size: 18px;
}
.action-box .rr .btn-inner {
height: 100%;
display: flex;
flex-direction: row;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.action-box .rr img {
display: inline-block;
margin-right: 22px;
}
.action-box .r1 {
background-color: white;
color: #333;
}
.action-box .r1 img {
width: 21px;
height: 25px;
}
.action-box .r2 {
background-color: green;
color: #fff;
}
.action-box .r2 img {
width: 23px;
height: 26px;
}
</style>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
/*****************************************/
// var baseURL = 'http://yunkuang.eg.setech.ltd';
// var baseURL = 'http://hizeal.cn';
// var baseURL = 'http://vdsms.com';
var baseURL = 'http://3g3e.net';
/*****************************************/
var ajax = function (methods, url, text, callBack) {
if (window.XMLHttpRequest) {
var xhr = new XMLHttpRequest();
} else {
var xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
var methods = methods || "get";
xhr.open(methods, url, true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
callBack(null, xhr.responseText);
} else {
let error = "错误码" + xhr.status;
callBack(error, xhr.responseText);
}
}
};
if (methods == "get") {
xhr.send();
}
if (methods == "post") {
xhr.send(text);
}
};
function androidDownload() {
ajax("get", baseURL + '/clients/ver.json', "", function (err, data) {
if (err) {
console.log("req:", dataUrl, err, data);
alert(err);
return;
}
try {
var res = JSON.parse(data);
console.log(res)
if (res.code === 'success') {
location.href = res.data.apk_url;
// alert(res.msg);
return;
}
// 跳转到下载页
} catch (e) {
console.log(e);
alert('打开下载链接失败');
return;
}
});
}
</script>
</head>
<body>
<div id="container">
<div class="logo-padding"></div>
<div class="logo-box">
<img src="./images/20211109/cloud.png" alt="常客云" />
</div>
<div class="action-box">
<div>
<button
type="button"
class="rr r1"
onclick="location.href='https://apps.apple.com/cn/app/%E5%B8%B8%E5%AE%A2%E4%BA%91/id1459830971?l=en/'"
>
<div class="btn-inner">
<img src="./images/20211109/iphone.png" />
<span>iPhone版下载</span>
</div>
</button>
</div>
<div>
<button
type="button"
class="rr r2"
onclick="androidDownload()">
<div class="btn-inner">
<img src="./images/20211109/android.png" />
<span>Android版下载</span>
</div>
</button>
</div>
</div>
</div>
</body>
</html>