xiuli.gao
/
youhuiquan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
							<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
<title>拉新拿奖</title>
<link rel="stylesheet" type="text/css" href="../public/public_css.css"/>
<style type="text/css">
	body{min-height:100vh;-webkit-overflow-scrolling:touch;}
	em{font-style: normal;}
	.container{width: 100%;height: 100%;background: #F4F4F4;}
	.banner{height:2.435rem;background:url(images/001.png) no-repeat 0 0;background-size:100% 2.435rem;}
	.banner a{display: block;float: right;color: #fff;font-size: 0.14rem;text-align: center;background-color: rgba(122, 62, 254, .7);    padding: 0.05rem 0.1rem;border-radius: 0.1rem; margin-right: 0.15rem;margin-top: 0.15rem;}
	.banner_unite{width: 100%;height: 2.025rem;background: url(images/002.png) no-repeat -0.06rem 0;background-size: 104% 2.025rem; position: absolute;top: 2.2rem;left: 0;}
	.banner_step{width: 100%;height: 5.29rem;background:url(images/003.png) no-repeat -0.382rem 0;background-size: 116% 108%;      position: absolute;top: 3.9rem; left: 0;}
	.banner_strategy{width: 100%;height: 11.88rem;background: url(images/004.png) no-repeat 0 0;background-size: 100% 11.88rem;  padding-bottom: 0.48rem;  position: absolute;top: 8.96rem;left: 0;}
	.footer{width: 100%;height: 0.49rem;position: fixed;bottom: 0;    overflow: hidden;}
	.footer div{width: 50%;height: 0.49rem;float: left;line-height: 0.49rem;color: #fff;font-size: 0.18rem;letter-spacing: 0.01rem;}
	.footer #face-to-face{background: #F33056;}
	.footer #face-to-face img{float:left;display:block;width: 0.29rem;height: 0.29rem;margin-top: 0.1rem;margin-left: 0.32rem;margin-right: 0.06rem;}
	.footer #share{text-align: center;background: #FA5048;}
	.shareMask{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.5036);position: absolute;top: 0;left: 0;}
	.weixin{position: fixed;bottom: 0;background: #ffffff;width: 100%;}
	.weixins{background: rgba(216,216,216,0.2);width: 100%;display: -webkit-flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: space-around;}
	.weixins div{text-align: center;}
	.weixins div img{display: block;width: 0.44rem;height: 0.44rem;margin: auto;margin-top: 0.22rem;margin-bottom: 0.12rem;}
	.weixins div span{font-size: 0.12rem;line-height: 0.17rem;color: #555555;margin-bottom: 0.16rem;display: inline-block;}
	.cancel{line-height: 0.4rem;font-size: 0.15rem;color: #555555;text-align: center;}
</style>
<script type="text/javascript">
		document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
	window.onresize = function(){
		document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
	}
</script>
</head>
<body>
	<div class="container">
		<div class="banner">
			<a href="earnings.html">我的收益</a>
		</div>
		<div class="banner_unite"></div>
		<div class="banner_step"></div>
		<div class="banner_strategy"></div>
		<div class="footer">
			<div id="face-to-face"><img src="images/code.png"/>面对面邀请</div>
			<div id="share">立即邀请好友</div>
		</div>
		
	<div class="shareMask">
		<div class="weixin">
			<div class="weixins">
				<div class="weixinShare" onclick="shareWeixin()">
					<img src="images/weixin.png" />
					<span>微信</span>
				</div>
				<div class="pengyouquan" onclick="sharePengyouquan()">
					<img src="images/weixinQuan.png"/>
					<span>朋友圈</span>
				</div>
			</div>
			<div class="cancel">取消分享</div>
		</div>
	</div>
	
	
	</div>

</body>
</html>
<script type="text/javascript" src="../public/jquery-2.1.0.js"></script>
<script type="text/javascript">
	
	
	var userId = null;
	var activity_id = null;
	var share_code = null;
	var str=location.href;  //取得整个地址栏
    var num=str.indexOf("?"); 
    str=str.substr(num+1); //str得到?之后的字符串
    var brr=str.split("&");
	for(var i = 0 ; i<brr.length; i++){
    	if(brr[i].indexOf('userId') != -1){
    		userId = brr[i].split('=')[1];//用户id
    		localStorage.setItem('userId', userId);
    	}
    	if(brr[i].indexOf('activity_id') != -1){
    		activity_id = brr[i].split('=')[1];//活动id
    		localStorage.setItem('activity_id', activity_id);
    	}
    	if(brr[i].indexOf('share_code') != -1){
    		share_code = brr[i].split('=')[1];
    	}
    }
	
	
	$(".shareMask").click(function(e){
		$(".shareMask").css('display','none')
	})
	
	$(".weixins").click(function(e){
		e.preventDefault();
		return false
	})
	
	
	var jsons = {
				title:'@你，快来瓜分10000个红包！',
				desc:'福利放送！淘宝无门槛购物红包天天领！来看看你的手气~',
				url:'http://mzb.quyaqu.com/share/index.html?userId=' + userId
	};
	jsons = JSON.stringify(jsons);
	function shareWeixin () {
		if(navigator.userAgent.indexOf('Android') != -1){
			messageHandlers.shareWithWechatSession(jsons)
		}else{
			window.webkit.messageHandlers.shareWithWechatSession.postMessage(jsons)
		}
	}
	
	function sharePengyouquan () {
		if(navigator.userAgent.indexOf('Android') != -1){
			messageHandlers.shareWithWechatTimeline(jsons)
		}else{
			window.webkit.messageHandlers.shareWithWechatTimeline.postMessage(jsons)
		}
	}
	
	$("#share").click(function () {
		$(".shareMask").css('display','block')
	})
	$(".cancel").click(function () {
		$(".shareMask").css('display','none')
	})
	
	$("#face-to-face").click(function () {
		window.location.href = 'faceToFace.html'
	})
	
</script>