332 lines
14 KiB
HTML
332 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
|
||
<title>私慕交友平台</title>
|
||
<link href="../SeeMore.ico" rel="shortcut icon" type="image/x-icon"/>
|
||
<link href="./css/newYear2019.less" type="text/css" rel="stylesheet/less">
|
||
<link href="../css/bootstrap.min.css" type="text/css" rel="stylesheet">
|
||
<script src="../js/less.min.js"></script>
|
||
<script src="../js/jquery.min.js"></script>
|
||
<script src="../js/api.js"></script>
|
||
<script>
|
||
var timer = 60;
|
||
var new_year_2019_end_time = false;
|
||
// var isWechat = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
|
||
// var is_weixin = false;
|
||
var is_ios = false;
|
||
var browser = {
|
||
versions: function () {
|
||
var u = navigator.userAgent, app = navigator.appVersion;
|
||
return {
|
||
trident: u.indexOf('Trident') > -1, //IE内核
|
||
presto: u.indexOf('Presto') > -1, //opera内核
|
||
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
|
||
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
|
||
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
|
||
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
|
||
android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
|
||
iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
|
||
iPad: u.indexOf('iPad') > -1, //是否iPad
|
||
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
|
||
weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
|
||
qq: u.match(/\sQQ/i) == " qq" //是否QQ
|
||
};
|
||
}(),
|
||
language: (navigator.browserLanguage || navigator.language).toLowerCase()
|
||
};
|
||
|
||
//判断时间是否过期
|
||
function judgeTime(time) {
|
||
var strtime = time.replace("/-/g", "/");//时间转换
|
||
//时间
|
||
var date1 = new Date(strtime);
|
||
//现在时间
|
||
var date2 = new Date();
|
||
//判断时间是否过期
|
||
return date1 < date2 ? true : false;
|
||
}
|
||
|
||
function isMobile() {
|
||
let flag = false
|
||
const sUserAgent = navigator.userAgent.toLowerCase();
|
||
const bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
|
||
const bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
|
||
const bIsMidp = sUserAgent.match(/midp/i) == 'midp';
|
||
const bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
|
||
const bIsUc = sUserAgent.match(/ucweb/i) == 'web';
|
||
const bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
|
||
const bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
|
||
const bIsAndroid = sUserAgent.match(/android/i) == 'android';
|
||
if (bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid) {
|
||
flag = true
|
||
} else {
|
||
flag = false
|
||
}
|
||
return flag;
|
||
}
|
||
|
||
$(function () {
|
||
if (isMobile()) {
|
||
// window.location.href = '/mobile/index.html'
|
||
var temp = document.body.clientWidth / 375 * 100 / 100;
|
||
// console.log(temp)
|
||
// var positionL = Math.floor(document.body.clientWidth / 375 * 10) / 10;
|
||
var positionL = document.body.clientWidth / 375 * 100 / 100;
|
||
|
||
$('.phone_box').css('height', $('.phone_box').height() * temp + 3 + 'px');
|
||
|
||
$('.phone_head').css('height', $('.phone_head').height() * temp + 3 + 'px');
|
||
|
||
$('.phone_body').css('height', $('.phone_body').height() * temp + 'px');
|
||
$('.phone_body').css('width', $('.phone_body').width() * temp + 'px');
|
||
|
||
$('.phone_body').css('left', Math.floor(parseInt($('.phone_body').css('left')) * positionL) + 'px');
|
||
$('.phone_body').css('top', Math.floor(parseInt($('.phone_body').css('top')) * positionL) + 'px');
|
||
} else {
|
||
$('body').addClass('bg_white');
|
||
}
|
||
//轮播定时
|
||
var i = 1;
|
||
var interval = setInterval(function () {
|
||
menu_swtich(i);
|
||
if (i >= 2) {
|
||
i = 1;
|
||
} else {
|
||
i++;
|
||
}
|
||
}, 1500);
|
||
|
||
var _endTime = get_invite_diamond().new_year_2019_end_time;
|
||
new_year_2019_end_time = judgeTime(_endTime);
|
||
|
||
if (new_year_2019_end_time) {
|
||
$('#dialog_over').show();
|
||
$('.btnRegister').addClass('register_off');
|
||
$('.btnRegister').attr('disabled', 'disabled');
|
||
}
|
||
// is_weixin = browser.versions.weixin ? true : false;
|
||
// if (is_weixin) {
|
||
// $('.useAppBrowser').show()
|
||
// }
|
||
is_ios = browser.versions.ios ? true : false;
|
||
});
|
||
|
||
function menu_swtich(id) {
|
||
if (id === 1) {
|
||
//广场
|
||
$('.phone_body').css('background-position', '0');
|
||
} else {
|
||
//聚点
|
||
$('.phone_body').css('background-position', '100%');
|
||
}
|
||
}
|
||
|
||
|
||
function elErrText(text) {
|
||
$('.errText').text(text);
|
||
}
|
||
|
||
function vali_Phone() {
|
||
if (new_year_2019_end_time) {
|
||
return
|
||
}
|
||
var phoneNumber = $('#phoneNumber').val();
|
||
$('#text_phone').text(phoneNumber);
|
||
if (phoneNumber != '') {
|
||
if (phoneNumber.length === 11 && /^(13[0-9]|15[012356789]|17[0-9]|18[0-9]|14[57]|19[89]|16[6])[0-9]{8}$/.test(phoneNumber)) {
|
||
if (timer == 60) {
|
||
$('.btn_code').removeAttr('disabled');
|
||
$('.btn_code').addClass('on');
|
||
}
|
||
elErrText('');
|
||
return true;
|
||
} else {
|
||
if (timer == 60) {
|
||
$('.btn_code').removeClass('on');
|
||
$('.btn_code').attr('disabled', 'disabled');
|
||
}
|
||
elErrText('手机号格式错误');
|
||
return false;
|
||
}
|
||
} else {
|
||
elErrText('手机号不能为空');
|
||
}
|
||
}
|
||
|
||
function vali_code() {
|
||
var code = $('#code').val();
|
||
if (code != '') {
|
||
if (/^\d{4}$/.test(code)) {
|
||
elErrText('');
|
||
return true;
|
||
} else {
|
||
elErrText('验证码格式错误,4位数字');
|
||
return false;
|
||
}
|
||
} else {
|
||
elErrText('验证码不能为空');
|
||
}
|
||
}
|
||
|
||
function vali_pwd() {
|
||
var pwd = $('#password').val();
|
||
if (pwd != '') {
|
||
if (/^[0-9A-Za-z]{6,16}$/.test(pwd)) {
|
||
elErrText('');
|
||
return true;
|
||
} else {
|
||
elErrText('登录密码格式错误,6-16位数字或字母');
|
||
return false;
|
||
}
|
||
} else {
|
||
elErrText('登录密码不能为空');
|
||
}
|
||
}
|
||
|
||
function vali_checkInput() {
|
||
var flag = $('#checkInput').is(':checked');
|
||
if (flag) {
|
||
elErrText('');
|
||
} else {
|
||
elErrText('请勾选用户协议和隐私条款');
|
||
}
|
||
return flag;
|
||
}
|
||
|
||
function downloadApp() {
|
||
$('#dialog_register').hide();
|
||
if (is_ios) {
|
||
window.open('https://itunes.apple.com/cn/app/id1417092899');
|
||
} else {
|
||
window.open('http://fir.defshare.org/f8x1');
|
||
// var src = 'http://image.seemore.club/seemore.apk';
|
||
// var form = document.createElement('form');
|
||
// form.action = src;
|
||
// document.getElementsByTagName('body')[0].appendChild(form);
|
||
// form.submit();
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<!--<img src="./img/1.png" alt="">-->
|
||
<!--<div class="container">-->
|
||
<!--<div class="option">-->
|
||
<!--<img src="./img/2.png" alt="">-->
|
||
<!--</div>-->
|
||
<!--</div>-->
|
||
<!--<img src="./img/3.png" alt="">-->
|
||
<!--<img src="./img/4.png" alt="">-->
|
||
<!--<img src="./img/5.png" alt="">-->
|
||
<!--<img src="./img/6.png" alt="">-->
|
||
<div class="bg_snow">
|
||
<img src="./img/header.png" alt="">
|
||
<div class="container">
|
||
<div class="activeIntro">
|
||
|
||
<img class="img_title" src="./img/title1.png" alt="">
|
||
<div>线下聚点跨年专场活动欢迎你，新的机会，邂逅心中的TA</div>
|
||
<!--轮播手机-->
|
||
<div class="phone_layout">
|
||
<!--<img src="./img/phone_box.png" alt="">-->
|
||
<div class="phone_box">
|
||
<div class="phone_head"></div>
|
||
<div class="phone_body"></div>
|
||
</div>
|
||
<!--<img src="./img/phone_box_head.png" alt="">-->
|
||
</div>
|
||
<div>曾经，你是否遇到了那个TA想说点什么却又</div>
|
||
<div>不知道从何说起？</div>
|
||
<div>你是否想探寻TA面容之下内心之底？</div>
|
||
<div>你又是否不知如何与TA相见而又暗自叹息？……</div>
|
||
|
||
<i class="mask"></i>
|
||
|
||
<div>进入私慕SeeMore，体验崭新的假面邂逅、</div>
|
||
<div>真心问答、礼物传情的交友方式，</div>
|
||
<div>2019开始你和TA新的一段旅程。</div>
|
||
|
||
<div class="phone_layout">
|
||
<img src="./img/phone2.png" alt="">
|
||
</div>
|
||
<div>这里好看的皮囊不再千篇一律，</div>
|
||
<div>这里有趣的灵魂不再万里挑一！</div>
|
||
<i class="gift"></i>
|
||
<div>12月30、31日专场活动期间，</div>
|
||
<div>邀请你在东郊记忆聚点中，</div>
|
||
<div>寻找“私慕礼物天使”，</div>
|
||
<div>喜欢他们，获得价值不菲的各种实物礼品馈赠</div>
|
||
|
||
<div class="phone_layout">
|
||
<img src="./img/phone3.png" alt="">
|
||
</div>
|
||
<div>喜欢-> 开启解密-> 开启私语-> 向礼物天使要礼物吧！</div>
|
||
<div class="phone_layout">
|
||
<img src="./img/phone4.png" alt="">
|
||
</div>
|
||
<div><i class="icon_alert"></i>特别提醒：当前页面注册还可以获得价</div>
|
||
<div>值10元人民币的心钻奖励哦</div>
|
||
</div>
|
||
<!--注册表单-->
|
||
|
||
<div class="register">
|
||
<div class="title text-center">
|
||
<img class="text-center" src="./img/register.png" alt="">
|
||
<div class="sub_title">私慕，遇见更多，做你所想！</div>
|
||
</div>
|
||
<div class="form">
|
||
<div class="input-group">
|
||
<input id="phoneNumber" class="input input-full" type="text" placeholder="请输入手机号"
|
||
onkeyup="vali_Phone()">
|
||
<input id="code" class="input input-half" type="text" placeholder="请输入验证码" onblur="vali_code()">
|
||
<button class="btn_code" onclick="getCode()" disabled="disabled">获取验证码</button>
|
||
<input id="password" class="input input-full" type="password" placeholder="请设置登录密码"
|
||
onblur="vali_pwd()">
|
||
<input id="inviteId" class="input input-full" type="text" placeholder="请输入邀请人ID(没有就不填)"
|
||
onblur="vali_pwd()">
|
||
</div>
|
||
<div class="col-xs-12 errText"></div>
|
||
<div class="privacy">
|
||
<input id="checkInput" type="checkbox" onclick="vali_checkInput()">
|
||
<label for="checkInput">注册成为会员即为同意以下</label>
|
||
<a href="http://www.seemore.club/mobile/privacy/privacy.html">用户协议和隐私条款</a>。
|
||
</div>
|
||
<button class="btnRegister" onclick="inviteRegist('NEW_YEAR_2019')">立即注册</button>
|
||
<div class="recommend">友情推荐：您在注册完成后，邀请您根据引导进入私慕平台，认识更多帅哥美女……</div>
|
||
</div>
|
||
</div>
|
||
<!--注册成功弹框-->
|
||
<div id="dialog_register" class="dialog">
|
||
<div class="dialog_box">
|
||
<div class="dialog_content">手机号为 <span id="text_phone"></span> 的用户</div>
|
||
<div>你已注册成功！点击确定按钮</div>
|
||
<div>即可下载安装私慕APP</div>
|
||
<div class="registerTip">友情推荐：您在注册完成后，邀请您根据引导
|
||
进入私慕平台，认识更多帅哥美女……
|
||
</div>
|
||
<div class="dialog_btn">
|
||
<button class="btn_ok" onclick="downloadApp()">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--活动结束弹框-->
|
||
<div id="dialog_over" class="dialog">
|
||
<div class="dialog_box" style="padding: 40px 32px;">
|
||
<div class="dialog_over_msg">该活动已结束</div>
|
||
<div class="dialog_btn">
|
||
<button class="btn_ok" onclick="$('#dialog_over').hide()">确定</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--微信访问，使用浏览器打开-->
|
||
<div class="useAppBrowser">
|
||
<div class="arrow"></div>
|
||
<div class="btn_border">请点击右上角，使用浏览器打开</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html> |