105 lines
5.2 KiB
HTML
105 lines
5.2 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"/>
|
||
<meta name="baidu-site-verification" content="52RvPZ4swc" />
|
||
<title>私慕官网</title>
|
||
<link rel="canonical" href="http://seemore.club">
|
||
<link href="../css/mobile.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>
|
||
$(function () {
|
||
// if (isMobile()) {
|
||
// window.location.href = './mobile/index.html'
|
||
// }
|
||
$('.header').load('./public/header.html');
|
||
$('.footer').load('./public/footer.html');
|
||
//缩放比例 temp
|
||
var temp = Math.floor(document.body.clientWidth / 375 * 100) / 100;
|
||
|
||
//slogan-logo
|
||
$('.slogan').css('height', $('.slogan').height() * temp + 'px');
|
||
//手机框
|
||
$('.phone').css('height', $('.phone').height() * temp + 'px');
|
||
var osmWidth = $('.switch_menu').width();
|
||
var osmLeft = $('.switch_menu').offset().left;
|
||
//菜单
|
||
$('.switch_menu').attr('left', $('.switch_menu').offset().left * temp);
|
||
// console.log($('.switch_menu').attr('left'));
|
||
$('.switch_menu').css('left', $('.switch_menu').offset().left * temp + 'px');
|
||
$('.switch_menu').css('top', $('.switch_menu').position().top * temp + 'px');
|
||
$('.switch_menu').css('height', $('.switch_menu').height() * temp + 'px');
|
||
$('.switch_menu').css('width', $('.switch_menu').width() * temp + 'px');
|
||
//轮播图
|
||
$('.switch').css('left', $('.switch').offset().left * temp + 'px');
|
||
$('.switch').css('top', $('.switch').position().top * temp + 'px');
|
||
$('.switch').css('height', $('.switch').height() * temp + 'px');
|
||
$('.switch').css('width', $('.switch').width() * temp + 'px');
|
||
|
||
var i = 1;
|
||
var gc = osmLeft * temp + 'px';
|
||
var jd = osmLeft * temp - osmWidth * temp / 2 + 'px';
|
||
|
||
var interval = setInterval(function () {
|
||
menu_swtich(i, gc, jd);
|
||
if (i >= 2) {
|
||
i = 1;
|
||
} else {
|
||
i++;
|
||
}
|
||
}, 1500);
|
||
})
|
||
|
||
function menu_swtich(id, gc, jd) {
|
||
if (id === 1) {
|
||
//广场
|
||
$('.switch').css('background-position', '0');
|
||
$('.switch_menu').css('left', gc);
|
||
} else {
|
||
//聚点
|
||
$('.switch').css('background-position', '100%');
|
||
$('.switch_menu').css('left', jd);
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div class="header"></div>
|
||
<div class="body">
|
||
<div class="main">
|
||
<div class="slogan"></div>
|
||
<div class="phone">
|
||
<!--<img src="../img/m-phone.png" alt="">-->
|
||
<div class="switch_menu">
|
||
<a href="javascript:;" id="1"
|
||
onclick="menu_swtich(1,$('.switch_menu').attr('left')+'px',$('.switch_menu').offset().left-$('.switch_menu').width()/2+'px')"></a>
|
||
<a href="javascript:;" id="2"
|
||
onclick="menu_swtich(2,$('.switch_menu').attr('left')+'px',$('.switch_menu').offset().left-$('.switch_menu').width()/2+'px')"></a>
|
||
</div>
|
||
<div class="switch"></div>
|
||
</div>
|
||
<div class="download">
|
||
<!--<div class="qr"></div>-->
|
||
<img class="qr" src="/img/m-download-qr.png" alt="">
|
||
<div class="btn-download-group">
|
||
<a href="http://fir.defshare.org/f8x1" class="android"></a>
|
||
<a href="https://itunes.apple.com/cn/app/id1417092899" target="_blank" class="ios"></a>
|
||
<!--https://testflight.top/t/JJzE3m-->
|
||
</div>
|
||
</div>
|
||
<!--<div class="waiting">即将上线敬请期待</div>-->
|
||
</div>
|
||
<div class="about">
|
||
<div><i class="seemore-text"></i>（SeeMore）是一个移动互联社交平台，开创性的建立了结合线下实际场所的场景社交模型，通过多种方法建立了更适合中国用户的陌生社交通道。私慕针对国内用户特性，在陌生人破冰、隐私保护、趣味礼物上提出了多个创新。平台的用户交互方式兼容类似TINDER/探探的简单操作风格，方便易上手。严格的商业审查及实时监管为用户提供了私密、安全、纯粹的交友乐趣。
|
||
</div>
|
||
<div class="intro">四川私慕科技有限公司（SeeMore Technologies Co., Ltd），简称私慕科技（SeeMore
|
||
Tech），具备丰富的市场经验、深厚的技术底蕴，集合优秀的核心团队，勇于创新探索，致力于研发、运营私慕（SeeMore.Club）平台，通过建立优秀的用户交互模型和先进的商业模式，有效结合了互联网线上社交与传统线下经营场所，得到了商业合作伙伴的认可、终端用户的喜爱，目前公司处于高速发展的良好状态。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer"></div>
|
||
</body>
|
||
</html> |