yangzhaole
/
3g3e_net

<!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() {
      if (isWx()) {
        return alert('请点击右上角菜单，选择在默认浏览器中打开');
      }

      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;
        }
      });
    }
    function isWx() {
      var userAgent = window.navigator.userAgent.toLowerCase();
      if (userAgent.indexOf('micromessenger') !== -1) {
        // 确认是微信浏览器
        console.log('用户使用的是微信浏览器');
        return true;
      } else {
        // 不是微信浏览器
        console.log('用户使用的不是微信浏览器');
        return false;
      }

    }
  </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>