|
|
@@ -0,0 +1,221 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<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">
|
|
|
+ <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/css/normalize.css">
|
|
|
+ <link rel="stylesheet" href="../static/css/experience.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>
|
|
|
+ toastr.options.positionClass = 'toast-center-center';
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <!-- 从推广系统跳转至此页面 -->
|
|
|
+ <div class="top free-code-con" style="position:relative;">
|
|
|
+ <div>
|
|
|
+ <img src="../static/img/experienceBg3.png" alt="" class="bottom-img">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="center-pic">
|
|
|
+ <div class="recv-cont" id="recv_cont">
|
|
|
+ <div style="position: relative;">
|
|
|
+ <input type="tel" class="recv-ipt" id="recv_ipt" placeholder="请输入手机号码">
|
|
|
+ </div>
|
|
|
+ <div onclick="handleClick()" style="position: relative">
|
|
|
+ <div class="recv-btn" id="recv_btn">
|
|
|
+ <span style="position: relative;">
|
|
|
+ 领取体验时长并下载
|
|
|
+ <img src="../static/img/xing_icon.png" alt="">
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script type="text/javascript" th:inline="javascript">
|
|
|
+ var parameters = GetRequest();
|
|
|
+ var phone = parameters["phone"];
|
|
|
+ $("#recv_ipt").val(phone ? phone : '');
|
|
|
+
|
|
|
+
|
|
|
+ $("#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 time = new Date().getTime()
|
|
|
+ var data = {}
|
|
|
+ data.userName = parameters['username'] ? parameters['username'] : null
|
|
|
+ data.type = parameters['type'] ? parameters['type'] : null
|
|
|
+ data.code = parameters['code'] ? parameters['code'] : null
|
|
|
+ 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)
|
|
|
+ var downLoaderCount = Number(localStorage.getItem('downLoaderCount'))
|
|
|
+ downLoaderCount ? localStorage.setItem('downLoaderCount', downLoaderCount + 1) : localStorage.setItem('downLoaderCount', 1)
|
|
|
+ if (!ipt_phone) {
|
|
|
+ toastr.error('请填写正确的手机号')
|
|
|
+ } else if (!res) {
|
|
|
+ toastr.error('请填写正确的手机号')
|
|
|
+ } else {
|
|
|
+ data.newPhone = ipt_phone
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + ':8050/promote/commitPhone',
|
|
|
+ data: JSON.stringify(data),
|
|
|
+ type: 'post',
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache: false,
|
|
|
+ success: function (res) {
|
|
|
+ if (res.status === 0) {
|
|
|
+ toastr.error('领取成功')
|
|
|
+ $(window).attr('location', res.data);
|
|
|
+ } else {
|
|
|
+ toastr.error(res.msg)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ var Sys = {};
|
|
|
+ var ua = navigator.userAgent.toLowerCase();
|
|
|
+ var s, browserType;
|
|
|
+ (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
|
|
|
+ (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
|
|
|
+ (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
|
|
|
+ (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
|
|
|
+ (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
|
|
|
+ if (Sys.ie) {
|
|
|
+ browserType = 'IE: ' + Sys.ie
|
|
|
+ }
|
|
|
+ if (Sys.firefox) {
|
|
|
+ browserType = 'Firefox: ' + Sys.firefox
|
|
|
+ }
|
|
|
+ if (Sys.chrome) {
|
|
|
+ browserType = 'Chrome: ' + Sys.chrome
|
|
|
+ }
|
|
|
+ if (Sys.opera) {
|
|
|
+ browserType = 'Opera: ' + Sys.opera
|
|
|
+ }
|
|
|
+ if (Sys.safari) {
|
|
|
+ browserType = 'Safari: ' + Sys.safari
|
|
|
+ }
|
|
|
+ var form = {
|
|
|
+ platform: 4,
|
|
|
+ visitType: 4,
|
|
|
+ time: time,
|
|
|
+ phoneNum: ipt_phone,
|
|
|
+ downLoaderCount: Number(localStorage.getItem('downLoaderCount')),
|
|
|
+ browserType: browserType
|
|
|
+ }
|
|
|
+ var list = []
|
|
|
+ list.push(form)
|
|
|
+ // 推广页面下载埋点接口
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + '/api/public/v4/access/user/burialSiteLog',
|
|
|
+ data: JSON.stringify(list),
|
|
|
+ type: 'post',
|
|
|
+ contentType: "application/json",
|
|
|
+ dataType: 'json',
|
|
|
+ cache: false,
|
|
|
+ success: function (res) {
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function visit() {
|
|
|
+ $.ajax({
|
|
|
+ url: baseUrl + '/api/user/v3/invitation/client/addInviteData',
|
|
|
+ type: 'get',
|
|
|
+ cache: false,
|
|
|
+ dataType: 'text',
|
|
|
+ success: function () {
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ visit()
|
|
|
+ </script>
|
|
|
+</body>
|
|
|
+<style>
|
|
|
+ #toast-container>.toast-error {
|
|
|
+ background-image: none !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .toast-error {
|
|
|
+ background-color: rgba(0, 0, 0, 0.8);
|
|
|
+ }
|
|
|
+
|
|
|
+ #toast-container>div {
|
|
|
+ font-size: 14px;
|
|
|
+ min-width: 80px !important;
|
|
|
+ padding: 12px !important;
|
|
|
+ box-shadow: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ @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: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @media only screen and (max-width: 640px) {
|
|
|
+ .toast-center-center {
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ input::-webkit-input-placeholder {
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input::-moz-placeholder {
|
|
|
+ /* Mozilla Firefox 19+ */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-moz-placeholder {
|
|
|
+ /* Mozilla Firefox 4 to 18 */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-ms-input-placeholder {
|
|
|
+ /* Internet Explorer 10-11 */
|
|
|
+ color: #BBBBBB;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+</html>
|
huangxiaojing