|
|
@@ -0,0 +1,396 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
+ <title>双子星云手机</title>
|
|
|
+ <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
|
|
|
+ <link rel="stylesheet" href="../static/js/vender/bootstrap/css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
|
|
|
+ <link rel="stylesheet" href="../static/css/yunActivity.css">
|
|
|
+ <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
|
|
|
+ <script src="../static/js/vender/toastr/toastr.min.js"></script>
|
|
|
+ <script src="../static/js/vender/config.js"></script>
|
|
|
+ <script src="../static/js/vender/crypto-js.js"></script>
|
|
|
+ <script src="../static/js/vender/ase.js"></script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="containers">
|
|
|
+ <div class="banner-wrap">
|
|
|
+ <div class="img-title">
|
|
|
+ <img class="banner-img" src="../static/img/yunActivity/title.png">
|
|
|
+ </div>
|
|
|
+ <div class="img-middle">
|
|
|
+ <img class="time-img" src="../static/img/yunActivity/time.png">
|
|
|
+ </div>
|
|
|
+ <div class="img-bottom">
|
|
|
+ <img class="game-img" src="../static/img/yunActivity/banner.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="receive-code">
|
|
|
+ <div class="take-phone">
|
|
|
+ 领取云机激活码
|
|
|
+ </div>
|
|
|
+ <div class="send-phone">
|
|
|
+ <img class="img-code" src="../static/img/yunActivity/phone.png">
|
|
|
+ <input class="phone-ipt ipt" type="number" placeholder="请输入手机号" />
|
|
|
+ </div>
|
|
|
+ <div class="phone-tip">手机号码不正确，请重新输入！</div>
|
|
|
+ <div class="ipt-row">
|
|
|
+ <img class="img-code" src="../static/img/yunActivity/code.png">
|
|
|
+ <input class="code-ipt ipt" type="number" placeholder="请输入验证码" />
|
|
|
+ <div class="get-code">获取验证码</div>
|
|
|
+ </div>
|
|
|
+ <div class="code-tip">请输入正确的验证码</div>
|
|
|
+ <div class="donwlond-receive">
|
|
|
+ <img class="btn-img" src="../static/img/yunActivity/takedowlond.png">
|
|
|
+ <!-- <div class="btn-receive">
|
|
|
+ 立即领取
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="host-dirction">
|
|
|
+ <img class="host-left" src="../static/img/yunActivity/left.png" />
|
|
|
+ <div class="game-host">游戏托管功能应用详解</div>
|
|
|
+ <img class="host-right" src="../static/img/yunActivity/right.png" />
|
|
|
+ </div>
|
|
|
+ <div class="video">
|
|
|
+ <img class="btn-video" src="../static/img/yunActivity/viedo.png"/>
|
|
|
+ </div>
|
|
|
+ <div class="direction">
|
|
|
+ <p>用绑定手机号打开双子星云手机APP，</p>
|
|
|
+ <p>登录并进入<b>“我的-我的工具-激活码”</b>兑换使用</p>
|
|
|
+ </div>
|
|
|
+ <div class="viedo-game">
|
|
|
+ <video class="viedo-slide" width="100%" height="100%" controls="controls" src="http://110.53.221.195:8210/document/newFile/download/0/edv834e74a9c43eaac02?fileKey=LowLevelMultipartUpload_18704932809085747255">
|
|
|
+ </video>
|
|
|
+ </div>
|
|
|
+ <div class="pop_video_bg">
|
|
|
+ </div>
|
|
|
+ <!-- <div class="copy-mask">
|
|
|
+ <div class="copy-dialog">
|
|
|
+ <div class="dialog-title">
|
|
|
+ 恭喜新人专享激活码
|
|
|
+ </div>
|
|
|
+ <div class="free-try">
|
|
|
+ 云手机3天套餐免费用
|
|
|
+ </div>
|
|
|
+ <div class="activation-code">
|
|
|
+ </div>
|
|
|
+ <div class="copy-code">
|
|
|
+ <img class="donwlond-code" onclick="copyCodeUrl()" src="../static/img/yunActivity/btn.png">
|
|
|
+ </div>
|
|
|
+ <div class="take-code">进入<b>“我的-我的工具-激活码”</b>兑换使用</div>
|
|
|
+ </div>
|
|
|
+ <img class="close" src="../static/img/yunActivity/close.png" />
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ toastr.options.positionClass = 'toast-center-center';
|
|
|
+ toastr.options.timeOut = '3000';
|
|
|
+ </script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ // var baseUrl = 'http://14.18.190.141:1280'
|
|
|
+ let timer, flag = true;
|
|
|
+ let time = 60, codeTimer = null, isStart = false, myCode = '';
|
|
|
+ var url = window.location.href;
|
|
|
+ url = url.split('/')
|
|
|
+ var loc = window.location.search,
|
|
|
+ n1 = loc.length,//地址的总长度
|
|
|
+ n2 = loc.indexOf("="),//取得=号的位置
|
|
|
+ id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
|
|
|
+ u = navigator.userAgent,
|
|
|
+ ua = navigator.userAgent.toLowerCase(),
|
|
|
+ isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
|
|
|
+ isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
|
|
|
+ // 点击立即领取按钮
|
|
|
+ $('.btn-img')[0].addEventListener('click',() => {
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ let code = $('.code-ipt').eq(0).val();
|
|
|
+ code = code.replace(/\s+/g,"");
|
|
|
+ let phoneFlag = checkPhone()
|
|
|
+ let dataObj = {
|
|
|
+ phone: phone,
|
|
|
+ code: code
|
|
|
+ }
|
|
|
+ if(!phoneFlag || phone.length < 11) {
|
|
|
+ $('.phone-tip').eq(0).css('display','block');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ let codeFlag = checkCode();
|
|
|
+ if(!codeFlag){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ if(code.length < 6){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ // url: baseUrl + '/api/user/web/register/qqWallet',
|
|
|
+ url: baseUrl + '/api/user/web/register/general', // 地址
|
|
|
+ type: 'post',
|
|
|
+ data: JSON.stringify(dataObj),
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache: false,
|
|
|
+ success: function (res) {
|
|
|
+ if(res.status == 0){
|
|
|
+ myCode = res.data;
|
|
|
+ if (isIOS) {
|
|
|
+ operate(`周年庆h5落地页打开${isIOS}`);
|
|
|
+ }else if(isAndroid) {
|
|
|
+ operate(`周年庆h5落地页打开${isAndroid}`);
|
|
|
+ }
|
|
|
+ download();
|
|
|
+ stopManyClick(() =>{
|
|
|
+ toastr.error(res.msg)
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ stopManyClick(() =>{
|
|
|
+ toastr.error(res.msg)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },false)
|
|
|
+ $('.get-code')[0].addEventListener('click',() => {
|
|
|
+ if(isStart){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ let phoneFlag = checkPhone();
|
|
|
+ if(!phoneFlag || phone.length < 11){
|
|
|
+ $('.phone-tip').eq(0).css('display', 'block');
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ getCode();
|
|
|
+ },false);
|
|
|
+ // 获取验证码接口
|
|
|
+ var flag1 = false // 标志验证码防止重复点击
|
|
|
+ function getCode() {
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ if (flag1) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ flag1 = true
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + '/api/message/v5/phone/send',
|
|
|
+ type: 'post',
|
|
|
+ data: JSON.stringify({
|
|
|
+ type: 'regist',
|
|
|
+ phone: phone
|
|
|
+ }),
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache:false,
|
|
|
+ success: function (res) {
|
|
|
+ if(res.status == 0) {
|
|
|
+ stopManyClick(() =>{
|
|
|
+ toastr.error(`验证码已发送`);
|
|
|
+ })
|
|
|
+ flag1 = false
|
|
|
+ isStart = true;
|
|
|
+ $('.get-code').eq(0).text('60s');
|
|
|
+ $('.get-code')[0].className = 'get-code get-code-active';
|
|
|
+ codeTimer = setInterval(() => {
|
|
|
+ time--;
|
|
|
+ if(time > 0){
|
|
|
+ $('.get-code').eq(0).text(`${time}s`);
|
|
|
+ }else{
|
|
|
+ isStart = false;
|
|
|
+ time = 60;
|
|
|
+ clearInterval(codeTimer);
|
|
|
+ $('.get-code').eq(0).text('获取验证码');
|
|
|
+ $('.get-code-active')[0].className = 'get-code';
|
|
|
+ }
|
|
|
+ }, 1000);
|
|
|
+ }else{
|
|
|
+ flag1 = false
|
|
|
+ stopManyClick(() =>{
|
|
|
+ toastr.error(res.msg)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 手机号提示校验
|
|
|
+ $('.phone-ipt')[0].oninput = checkPhone;
|
|
|
+ function checkPhone(){
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ if(phone.length > 11){
|
|
|
+ phone = phone.slice(0,11);
|
|
|
+ $('.phone-ipt').eq(0).val(phone);
|
|
|
+ }
|
|
|
+ let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
|
|
+ if(!phone){
|
|
|
+ $('.phone-tip').eq(0).css('display', 'block');
|
|
|
+ return false;
|
|
|
+ }else if(!reg_tel.test(phone) && phone.length == 11){
|
|
|
+ $('.phone-tip').eq(0).css('display', 'block');
|
|
|
+ return false;
|
|
|
+ }else{
|
|
|
+ $('.phone-tip').eq(0).css('display', 'none');
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $('.phone-ipt')[0].addEventListener('blur',() => {
|
|
|
+ let phone = $('.phone-ipt').eq(0).val();
|
|
|
+ phone = phone.replace(/\s+/g,"");
|
|
|
+ let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
|
|
+ if(!reg_tel.test(phone)){
|
|
|
+ $('.phone-tip').eq(0).css('display', 'block');
|
|
|
+ }
|
|
|
+ if(phone !== '') {
|
|
|
+ $(".btn-dowlond").attr({"style":"background: #E85A4B;"});
|
|
|
+ }else{
|
|
|
+ $(".btn-dowlond").attr({"style":"background: linear-gradient(0deg, #E85A4B 1%, #EF9878 99%);"});
|
|
|
+ $('.phone-tip').eq(0).css('display', 'none');
|
|
|
+ }
|
|
|
+ },false);
|
|
|
+ // 验证码提示校验
|
|
|
+ $('.code-ipt')[0].oninput = checkCode;
|
|
|
+ function checkCode() {
|
|
|
+ let code = $('.code-ipt').eq(0).val();
|
|
|
+ code = code.replace(/\s+/g,"");
|
|
|
+ if(code.length > 6){
|
|
|
+ code = code.slice(0,6);
|
|
|
+ $('.code-ipt').eq(0).val(code);
|
|
|
+ }
|
|
|
+ if(!code){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ return false;
|
|
|
+ }else{
|
|
|
+ $('.code-tip').eq(0).css('display', 'none');
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
+ if(code == '') {
|
|
|
+ $('.code-tip').eq(0).css('display', 'none');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $('.code-ipt')[0].addEventListener('blur',() => {
|
|
|
+ let code = $('.code-ipt').eq(0).val();
|
|
|
+ code = code.replace(/\s+/g,"");
|
|
|
+ if(code.length < 6){
|
|
|
+ $('.code-tip').eq(0).css('display', 'block');
|
|
|
+ }
|
|
|
+ },false);
|
|
|
+ function download() {
|
|
|
+ if (isAndroid) {
|
|
|
+ window.location.href = window.location.protocol === 'https:' ? 'https://file.phone.androidscloud.com:8121/document/newFile/download/0/edv834e74a9c43eaac02?fileKey=LowLevelMultipartUpload_18708543811604070422' :
|
|
|
+ 'http://110.53.221.195:8210/document/newFile/download/0/edv834e74a9c43eaac02?fileKey=LowLevelMultipartUpload_18708543811604070422';
|
|
|
+ } else if (isIOS) {
|
|
|
+ document.location.href = 'https://www.pgyer.com/gemini6?timestamp=' + Math.random();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // function selectText(textbox, startIndex, stopIndex) {
|
|
|
+ // if (textbox.createTextRange) {//ie
|
|
|
+ // const range = textbox.createTextRange();
|
|
|
+ // range.collapse(true);
|
|
|
+ // range.moveStart('character', startIndex);//起始光标
|
|
|
+ // range.moveEnd('character', stopIndex - startIndex);//结束光标
|
|
|
+ // range.select();//不兼容苹果
|
|
|
+ // } else {//firefox/chrome
|
|
|
+ // textbox.setSelectionRange(startIndex, stopIndex);
|
|
|
+ // textbox.focus();
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // 复制
|
|
|
+ // function copyUrl() {
|
|
|
+ // var code = $('.code-ipt').eq(0).val();
|
|
|
+ // var phone = $('.phone-ipt').eq(0).val();
|
|
|
+ // if( code && phone != ''){
|
|
|
+ // var oInput = document.createElement('input');// 创建一个input
|
|
|
+ // oInput.setAttribute("readonly", "readonly");
|
|
|
+ // // 设置只读
|
|
|
+ // setTimeout(() => {
|
|
|
+ // oInput.value = myCode;
|
|
|
+ // // oInput.select(); // 选择对象 ios不支持
|
|
|
+ // document.body.appendChild(oInput)
|
|
|
+ // selectText(oInput, 0, oInput.value.length);
|
|
|
+ // document.execCommand("Copy"); // 执行浏览器复制命令
|
|
|
+ // // toastr.error(`复制成功`);
|
|
|
+ // // $('.copy-dialog').animate({top: '-6.96rem'},"fast");
|
|
|
+ // // $('.copy-mask').hide();
|
|
|
+ // document.documentElement.style.overflow='auto';
|
|
|
+ // oInput.style.display = 'none'; // 将input隐藏
|
|
|
+ // oInput.blur();
|
|
|
+ // oInput.remove(); // 将input销毁
|
|
|
+ // // setTimeout(() => {
|
|
|
+ // // download();
|
|
|
+ // // }, 1000)
|
|
|
+ // }, 400)
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // $('.donwlond-receive')[0].addEventListener('click', (e) => {
|
|
|
+ // if (isIOS) {
|
|
|
+ // operate(`周年庆h5落地页打开${isIOS}`);
|
|
|
+ // }else if(isAndroid) {
|
|
|
+ // operate(`周年庆h5落地页打开${isAndroid}`);
|
|
|
+ // }
|
|
|
+ // copyUrl();
|
|
|
+ // });
|
|
|
+ // 视频打开
|
|
|
+ $('.btn-video')[0].addEventListener('click',(e)=>{
|
|
|
+ $('.viedo-game').show();
|
|
|
+ $('.pop_video_bg').show();
|
|
|
+ $('.viedo-game').animate({bottom: '-1.56rem'},"fast");
|
|
|
+ $('.viedo-slide').trigger("play");
|
|
|
+ },false);
|
|
|
+ // 视频弹窗关闭
|
|
|
+ $('.pop_video_bg')[0].addEventListener('click',()=>{
|
|
|
+ $('.viedo-game').eq(0).css('display', 'none');
|
|
|
+ $('.viedo-slide').trigger("pause");
|
|
|
+ $('.pop_video_bg').eq(0).css('display', 'none');
|
|
|
+ });
|
|
|
+ // 埋点下载
|
|
|
+ function operate(pointName) {
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
|
|
|
+ type: 'post',
|
|
|
+ data: JSON.stringify({
|
|
|
+ pointName: pointName
|
|
|
+ }),
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache: false,
|
|
|
+ success: function (res) {},
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 埋点页面访问
|
|
|
+ var page = window.location.search.substring(6);
|
|
|
+ $(function() {
|
|
|
+ pushHistory();
|
|
|
+ function pushHistory() {
|
|
|
+ var warids = {
|
|
|
+ "pointName": `周年庆h5落地页打开${page}`
|
|
|
+ }
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + "/api/public/v1/systemBuriedPoint/stat",
|
|
|
+ data: JSON.stringify(warids),
|
|
|
+ type: 'post',
|
|
|
+ dataType: 'json',
|
|
|
+ contentType: "application/json;charset=UTF-8",
|
|
|
+ cache: false,
|
|
|
+ success: function(data) {}
|
|
|
+ })
|
|
|
+ }
|
|
|
+ });
|
|
|
+ function stopManyClick(fn) {
|
|
|
+ if (flag) {
|
|
|
+ fn();
|
|
|
+ }
|
|
|
+ flag = false;
|
|
|
+ if (timer) { clearTimeout(timer); }
|
|
|
+ timer = setTimeout(() => { flag = true }, 1500);
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
曾志翔
