Forráskód Böngészése

Merge branch 'dev-5.2' of http://192.168.32.253:3000/Software/android-cloud-H5 into dev-5.2

heyang 3 éve%!(EXTRA string=óta)
szülő
commit
f4aebe3d04
1 módosított fájl, 196 hozzáadás és 224 törlés
  1. 196 224
      microserviceUserH5/vcloud/official.html

+ 196 - 224
microserviceUserH5/vcloud/official.html

@@ -2,249 +2,221 @@
 <html lang="en" xmlns:th="http://www.thymeleaf.org">
 
 <head>
-    <meta charset="UTF-8">
-    <title>双子星</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
-
-    <link rel="icon" href="../static/offImg/favicon2.ico" type="img/x-ico">
-
-    <link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
-    <link rel="stylesheet" href="../static/css/normalize.css">
-    <link rel="stylesheet" href="../static/css/offMain.css">
-    <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
-    <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
-    <script src="../static/js/vender/bootstrap/js/bootstrap.min.js"></script>
-    <script src="../static/js/vender/toastr/toastr.min.js"></script>
-    <script src="../static/js/vender/config.js"></script>
-    <script>
-        window.onload = window.onresize = function () {
-            verticalAlign()
-        }
-        function verticalAlign() {
-            // alert($('body').css('font-size'));
-            var logo_w = $('body').width();
-            var logo_t = $('#bottom_img').height() * 0.05;
-            if (logo_w <= 640) {
-                $('#logo').css('top', '50px');
-                $('#logo').width('25%');
-            } else {
-                $('#logo').css('top', logo_t);
-                $('#logo').width(logo_w * 0.1178);
-            }
-
-            var ipt_w = $('#recv_ipt').width();
-            var ipt_h = ipt_w * 0.18;
-            var font_sz = ipt_w * 0.06 + 'px';
-            $('#recv_ipt').height(ipt_h);
-            $('#recv_ipt').css('font-size', font_sz);
-            $('#recv_btn').css('font-size', font_sz);
-            $('#recv_btn2').css('font-size', font_sz);
-            // $('#recv_ipt').css('line-height', ipt_h);
-            $('#icon').height(ipt_h);
-            var icon_w = $('#recv_cont').width() * 0.053333
-            $('#icon').width(icon_w);
-            var icon_t = 'calc(' + ipt_h / 6 + 'px' + ' + 3rem)';
-            $('#icon').css('top', icon_t);
-            $('#recv_btn').css('padding', ipt_w * 0.01 + 'px');
-            $('#recv_btn2').css('padding', ipt_w * 0.01 + 'px');
-            var btn_h = $('#recv_ipt').height() - ipt_w * 0.01;
-            $('#recv_btn').height(btn_h);
-            $('#recv_btn2').height(btn_h);
-        }
-    </script>
-    <script>
-        toastr.options.positionClass = 'toast-center-center';
-    </script>
+  <meta charset="UTF-8">
+  <title>双子星</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+
+  <link rel="icon" href="../static/offImg/favicon2.ico" type="img/x-ico">
+
+  <link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
+  <link rel="stylesheet" href="../static/css/normalize.css">
+  <link rel="stylesheet" href="../static/css/offMain.css">
+  <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
+  <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
+  <script src="../static/js/vender/bootstrap/js/bootstrap.min.js"></script>
+  <script src="../static/js/vender/toastr/toastr.min.js"></script>
+  <script src="../static/js/vender/config.js"></script>
+  <script>
+    window.onload = window.onresize = function () {
+      verticalAlign()
+    }
+    function verticalAlign() {
+      var logo_w = $('body').width();
+      var logo_t = $('#bottom_img').height() * 0.05;
+      if (logo_w <= 640) {
+        $('#logo').css('top', '50px');
+        $('#logo').width('25%');
+      } else {
+        $('#logo').css('top', logo_t);
+        $('#logo').width(logo_w * 0.1178);
+      }
+
+      var ipt_w = $('#recv_ipt').width();
+      var ipt_h = ipt_w * 0.18;
+      var font_sz = ipt_w * 0.06 + 'px';
+      $('#recv_ipt').height(ipt_h);
+      $('#recv_ipt').css('font-size', font_sz);
+      $('#recv_btn').css('font-size', font_sz);
+      $('#recv_btn2').css('font-size', font_sz);
+      $('#icon').height(ipt_h);
+      var icon_w = $('#recv_cont').width() * 0.053333
+      $('#icon').width(icon_w);
+      var icon_t = 'calc(' + ipt_h / 6 + 'px' + ' + 3rem)';
+      $('#icon').css('top', icon_t);
+      $('#recv_btn').css('padding', ipt_w * 0.01 + 'px');
+      $('#recv_btn2').css('padding', ipt_w * 0.01 + 'px');
+      var btn_h = $('#recv_ipt').height() - ipt_w * 0.01;
+      $('#recv_btn').height(btn_h);
+      $('#recv_btn2').height(btn_h);
+    }
+  </script>
+  <script>
+    toastr.options.positionClass = 'toast-center-center';
+  </script>
 </head>
 
 <body>
 
-    <header>
-        <div class="top free-code-con" style="position:relative;">
-            <div>
-                <div>
-                    <picture>
-                        <source media="(max-width: 640px)" srcset="../static/offImg/p01.png 640w" />
-                        <source media="(min-width: 640px)" srcset="../static/offImg/01.png 1366w" />
-                        <img src="../static/offImg/01.png" alt="" class="bottom-img" id="bottom_img">
-                    </picture>
-                </div>
-                <div class="top-tip-con">
-                    <span>双子星</span>
-                    <span class="font-right">来自云端的云手机</span>
-                </div>
-
-                <div class="center-pic">
-                    <div class="recv-cont" id="recv_cont">
-                        <div style="position: relative;">
-                            <input type="text" class="recv-ipt" id="recv_ipt" placeholder="请输入手机号领取激活码">
-                        </div>
-                        <div onclick="handleClick()" style="position: relative">
-                            <img src="../static/offImg/tuiguang_anniu_icon.png" alt="" class="recv-btn"
-                                style="position: relative;">
-                            <span
-                                style="position: absolute;top:53%;left: 50%;transform: translate(-50%,-50%);font-size: 28px;color: #ffffff;letter-spacing:2px;text-shadow:0px 1px 4px rgba(168,13,9,0.65);">立即领取</span>
-                        </div>
-                        <!--                        <button type="button" class="bun btn-primary btn-lg recv-btn" id="recv_btn" onclick="handleClick()"-->
-                        <!--                        >点击获取</button>-->
-                    </div>
-
-                    <div class="load-menu">
-                        <div style="text-align: center">
-                            <img src="../static/offImg/zuo_icon@2x.png" alt="" class="code-tip-icon">
-                            <span class="code-tip-font">激活码领取规则</span>
-                            <img src="../static/offImg/you_icon@2x.png" alt="" class="code-tip-icon">
-                        </div>
-                        <div class="tb-codes" id="tb_codes">
-                            <div class="tb-con">
-                                <p>1.使用手机号码注册双子星云手机账号</p>
-                                <p>下载地址:</p>
-                                <p>(1)关注微信公众号:双子星情报局,点击菜单栏中的【自助服务】→选择【下载app】进行下载安装。</p>
-                                <p>(2)官网下载:http://www.androidscloud.com/</p>
-                                <p>2.在上方填写双子星云手机注册手机号,即可免费领取双子星云手机激活码</p>
-                                <br>
-                                <p>激活码使用方法</p>
-                                <p>1.在双子星云手机注册并登录账号</p>
-                                <p>2.登录后,点击右下方【我的】</p>
-                                <p>3.在【我的】界面点击【激活码】进入兑换界面</p>
-                                <p>4.输入激活码,即可获得相应星币、套餐、优惠券等</p>
-                                <br>
-                            </div>
-                        </div>
-                        <!--                        <span class="tb-font">手机扫码下载</span>-->
-                        <!--                        <button type="button" class="bun btn-primary btn-lg recv-btn" id="recv_btn2" onclick="handleDownload()">点击下载-->
-                        <!--                        </button>-->
-                    </div>
+  <header>
+    <div class="top free-code-con" style="position:relative;">
+      <div>
+        <div>
+          <picture>
+            <source media="(max-width: 640px)" srcset="../static/offImg/p01.png 640w" />
+            <source media="(min-width: 640px)" srcset="../static/offImg/01.png 1366w" />
+            <img src="../static/offImg/01.png" alt="" class="bottom-img" id="bottom_img">
+          </picture>
+        </div>
+        <div class="top-tip-con">
+          <span>双子星</span>
+          <span class="font-right">来自云端的云手机</span>
+        </div>
 
-                </div>
+        <div class="center-pic">
+          <div class="recv-cont" id="recv_cont">
+            <div style="position: relative;">
+              <input type="text" class="recv-ipt" id="recv_ipt" placeholder="请输入手机号领取激活码">
             </div>
+            <div onclick="handleClick()" style="position: relative">
+              <img src="../static/offImg/tuiguang_anniu_icon.png" alt="" class="recv-btn" style="position: relative;">
+              <span style="position: absolute;top:53%;left: 50%;transform: translate(-50%,-50%);font-size: 28px;color: #ffffff;letter-spacing:2px;text-shadow:0px 1px 4px rgba(168,13,9,0.65);">立即领取</span>
+            </div>
+          </div>
 
-        </div>
-        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
-            aria-hidden="true">
-            <div class="modal-dialog tip-suc-con">
-                <div class="modal-content">
-                    <div class="tip-suc-title">领取成功</div>
-                    <div class="modal-body tip-suc-context">
-                        激活码将以短信的形式发送至领取手机号,请留意短信。
-                    </div>
-                    <button type="button" class="btn btn-default tip-suc-btn" data-dismiss="modal">知道了</button>
-                </div>
+          <div class="load-menu">
+            <div style="text-align: center">
+              <img src="../static/offImg/zuo_icon@2x.png" alt="" class="code-tip-icon">
+              <span class="code-tip-font">激活码领取规则</span>
+              <img src="../static/offImg/you_icon@2x.png" alt="" class="code-tip-icon">
+            </div>
+            <div class="tb-codes" id="tb_codes">
+              <div class="tb-con">
+                <p>1.使用手机号码注册双子星云手机账号</p>
+                <p>下载地址:</p>
+                <p>(1)关注微信公众号:双子星情报局,点击菜单栏中的【自助服务】→选择【下载app】进行下载安装。</p>
+                <p>(2)官网下载:http://www.androidscloud.com/</p>
+                <p>2.在上方填写双子星云手机注册手机号,即可免费领取双子星云手机激活码</p>
+                <br>
+                <p>激活码使用方法</p>
+                <p>1.在双子星云手机注册并登录账号</p>
+                <p>2.登录后,点击右下方【我的】</p>
+                <p>3.在【我的】界面点击【激活码】进入兑换界面</p>
+                <p>4.输入激活码,即可获得相应星币、套餐、优惠券等</p>
+                <br>
+              </div>
             </div>
+          </div>
         </div>
-    </header>
-    <script type="text/javascript" th:inline="javascript">
-        var url = window.location.href;
-        url = url.split('/')
-
-        $("#recv_ipt").bind('input propertychange', function (e) {
-            var ipt_phones = $('#recv_ipt').val();
-            var c = $(this);
-            if (/[^\d]/.test(c.val())) {//替换非数字字符
-                var temp_amount = c.val().replace(/[^\d]/g, '');
-                $(this).val(temp_amount);
-                toastr.error('请输入正确的手机号')
-            }
-            if (ipt_phones.length >= 12) {
-                toastr.error('请输入正确的手机号')
-                var recvstr = ipt_phones.substring(0, 11)
-                $("#recv_ipt").val(recvstr);
-            }
-        });
-
-        function handleClick() {
-            var urlData = window.location.search.split('=')[1]
-            toastr.options = {
-                positionClass: "toast-center-center"
-            };
-            var ipt_phone = $('#recv_ipt').val();
-            var validator = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
-            var res = validator.test(ipt_phone)
-            if (!ipt_phone) {
-                toastr.error('请输入正确的手机号')
-            } else if (!res) {
-                toastr.error('请输入正确的手机号')
+      </div>
+
+    </div>
+    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+      <div class="modal-dialog tip-suc-con">
+        <div class="modal-content">
+          <div class="tip-suc-title">领取成功</div>
+          <div class="modal-body tip-suc-context">
+            激活码将以短信的形式发送至领取手机号,请留意短信。
+          </div>
+          <button type="button" class="btn btn-default tip-suc-btn" data-dismiss="modal">知道了</button>
+        </div>
+      </div>
+    </div>
+  </header>
+  <script type="text/javascript" th:inline="javascript">
+    $("#recv_ipt").bind('input propertychange', function (e) {
+      var ipt_phones = $('#recv_ipt').val();
+      var c = $(this);
+      if (/[^\d]/.test(c.val())) {//替换非数字字符
+        var temp_amount = c.val().replace(/[^\d]/g, '');
+        $(this).val(temp_amount);
+        toastr.error('请输入正确的手机号')
+      }
+      if (ipt_phones.length >= 12) {
+        toastr.error('请输入正确的手机号')
+        var recvstr = ipt_phones.substring(0, 11)
+        $("#recv_ipt").val(recvstr);
+      }
+    });
+    function handleClick() {
+      var parameters = GetRequest();
+      var urlNo = parameters['urlNo'];
+      var actId = parameters['actId'];
+      var form = {};
+      if (urlNo) {
+        form.urlNo = urlNo;
+      }
+      if (actId) {
+        form.actId = actId;
+      }
+      toastr.options = {
+        positionClass: "toast-center-center"
+      };
+      var ipt_phone = $('#recv_ipt').val();
+      var validator = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
+      var res = validator.test(ipt_phone)
+      if (!ipt_phone) {
+        toastr.error('请输入正确的手机号')
+      } else if (!res) {
+        toastr.error('请输入正确的手机号')
+      } else {
+        form.phone = ipt_phone
+        $.ajax({
+          url: baseUrl + '/api/pay/v1/officialAccount/autoActivationCode/getCode',
+          data: JSON.stringify(form),
+          type: 'post',
+          contentType: "application/json",
+          dataType: 'json',
+          cache: false,
+          success: function (res) {
+            if (res.status === 0) {
+              $('#myModal').modal('show')
             } else {
-                $.ajax({
-                    url: baseUrl + '/api/pay/v1/officialAccount/autoActivationCode/getCode',
-                    data: JSON.stringify({
-                        urlNo: urlData,
-                        phone: ipt_phone
-                    }),
-                    type: 'post',
-                    contentType: "application/json",
-                    dataType: 'json',
-                    cache: false,
-                    success: function (res) {
-                        if (res.status === 0) {
-                            $('#myModal').modal('show')
-                        } else {
-                            toastr.error(res.msg)
-                        }
-                    }
-                })
+              toastr.error(res.msg)
             }
-        }
-        /*
-        function handleDownload() {
-            $.ajax({
-                url: baseUrl + '/api/user/promote/webUrl',
-                type: 'get',
-                cache: false,
-                dataType: 'text',
-                success: function (data) {
-                    var uri;
-                    if (data.startsWith('http')) {
-                        uri = data
-                    } else {
-                        uri = 'http://' + data
-                    }
-                    $(window).attr('location',uri);
-                }
-            })
-
-        }
-         */
-    </script>
+          }
+        })
+      }
+    }
+  </script>
 </body>
 <style>
-    #toast-container>.toast-error {
-        background-image: none !important;
-    }
+  #toast-container>.toast-error {
+    background-image: none !important;
+  }
 
-    .toast-error {
-        background-color: rgba(0, 0, 0, 0.8);
-    }
+  .toast-error {
+    background-color: rgba(0, 0, 0, 0.8);
+  }
 
-    #toast-container>div {
-        min-width: 80px !important;
-        padding: 8px 15px !important;
-    }
+  #toast-container>div {
+    min-width: 80px !important;
+    padding: 8px 15px !important;
+  }
 
-    @media (max-width: 480px) and (min-width: 241px) {
-        #toast-container>div {
-            min-width: 80px !important;
-            width: auto;
-        }
+  @media (max-width: 480px) and (min-width: 241px) {
+    #toast-container>div {
+      min-width: 80px !important;
+      width: auto;
     }
-
-    @media only screen and (min-width: 640px) {
-        .toast-center-center {
-            top: 30%;
-            left: 55%;
-            margin-top: -50px;
-            margin-left: -150px;
-        }
+  }
+
+  @media only screen and (min-width: 640px) {
+    .toast-center-center {
+      top: 30%;
+      left: 55%;
+      margin-top: -50px;
+      margin-left: -150px;
     }
-
-    @media only screen and (max-width: 640px) {
-        .toast-center-center {
-            top: 30%;
-            left: 50%;
-            margin-top: -50px;
-            margin-left: -80px;
-        }
+  }
+
+  @media only screen and (max-width: 640px) {
+    .toast-center-center {
+      top: 30%;
+      left: 50%;
+      margin-top: -50px;
+      margin-left: -80px;
     }
+  }
 </style>
 
 </html>