share

share/index.css

@@ -2,14 +2,15 @@ body,html{font-size: 0.16rem;height: 100vh;}
 .banner{width: 3.025rem;height: 1.15rem;margin: auto;padding-top: 0.11rem;}
 .banner img{width: 100%;}
 .red_packet{margin: auto;}
+.red_packet p:nth-of-type(1){text-align: center;color: #666666;margin-top:0.1rem;line-height: 0.3rem;}
 .red_packet .click{font-size:0.18rem;color:#FB3D38;text-align: center;padding-top: 0.2rem;padding-bottom: 0.2rem;}
-.red_packet .copy{width: 1.5rem;height: 0.4rem;margin:auto;margin-top:0.4rem;margin-bottom:0.4rem;color:#FFF;font-size:0.18rem;line-height: 0.4rem;text-align:center;background:#FB3D38;border-radius:0.075rem;box-shadow:0.02rem 0.045rem 0.05rem rgba(143,141,141,0.22);}
+.red_packet .copy{width: 1.5rem;height: 0.4rem;margin:auto;margin-top:0.2rem;margin-bottom:0.4rem;color:#FFF;font-size:0.18rem;line-height: 0.4rem;text-align:center;background:#FB3D38;border-radius:0.075rem;box-shadow:0.02rem 0.045rem 0.05rem rgba(143,141,141,0.22);}
 .red_packet .con{font-size:0.14rem;color:#666666;padding-top: 0.2rem;padding-bottom: 0.345rem;text-align: center;}
 .already{height: 1.8rem;padding-left: 0.16rem;padding-right: 0.15rem;}
 .already .num{font-size:0.15rem;color:#FB3D38;padding-bottom: 0.175rem;}
 .already ul{}
-.already ul li{float: left;padding-bottom: 0.08rem;color: #666666;line-height: 0.355rem;}
-.already ul li img{float: left;display: block;width: 0.355rem;height: 0.355rem;border:0;}
+.already ul li{float: left;color: #666666;line-height: 0.355rem;}
+.already ul li img{float: left;display: block;width: 0.355rem;height: 0.355rem;border:0;padding-bottom: 0.08rem;}
 .already ul li .username{ display: inline-block; float: left;padding-left: 0.075rem;width: 1.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .already ul li .ed{padding-right: 0.48rem;}
 .already ul li .username,.already ul li .ed{font-size: 0.14rem;}
@@ -120,4 +121,3 @@ a, a:visited{text-decoration: none;}
 
 
 #invitation{display: none;}
-.copyTkl{display: none;}

share/index.html

@@ -6,7 +6,7 @@
 	<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"/>
-	<link rel="stylesheet" type="text/css" href="./index.css?v=1"/>
+	<link rel="stylesheet" type="text/css" href="./index.css?v=3"/>
 	<script type="text/javascript" src="../api-url.js"></script>
 	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
 	<script src="js/weChatShare.js?v=2"></script>
@@ -23,17 +23,16 @@
 			<img src="images/banner.png"/>
 		</div>
 		<div class="red_packet">
-			<!--<p class="click">点我领红包</p>-->
-			<p class="copy" onclick="collarRed()">领取红包</p>
-			<!--<p class="con">自动生成淘口令，打开手机淘宝领取红包</p>-->
+			<p>分享给好友后即可领取红包</p>
+			<p class="copy shareHongbao">立即分享</p>
 		</div>
-		<!--<div class="already">
+		<div class="already">
 			<p class="num"></p>
 			<div class="roll-wrap" id="roll-wrap">
 			<ul></ul>
 			</div>
-		</div>-->
-		<!--<div class="cooperation">
+		</div>
+		<div class="cooperation">
 			<img src="images/jinniu.png" alt="" />
 			<img src="images/taobao.png" alt="" />
 			<img src="images/liedou.png" alt="" />
@@ -41,27 +40,16 @@
 		<div class="bottom">
 			<p>联合送礼</p>
 			<p>下载猎豆优选，大额红包拿到手软</p>
-		</div>-->
-		<div class="download" style="border-top: 0.005rem solid #707070;">
-			<p class="tit">获取更多大额红包，下载猎豆优选</p>
-			<div class="leidou">
-				<img src="images/liedou.png" class="liedouImg"/>
-				<p class="introduce"><img src="images/logo.png" alt="" /><span>购物先领券，下单赚佣金</span></p>
-				<a class="down" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.kuxuan.coupon_liedou">下载APP</a>
-			</div>
 		</div>
-		<div class="btom">在淘宝/天猫购物之前，先来“猎豆优选App”</div>
 	</div>
 	
 	
 <!--页面2-->
 	<div id="invitation">
 		<div class="success">
-			<p class="shareSuccess">分享给好友，领取红包</p>
+			<p class="shareSuccess">恭喜你，分享成功</p>
 			<p class="copyTkl">点击下方复制淘口令，打开手机淘宝领取红包</p>
-			<button class="share shareHongbao">分享</button>
-			<button class="share shareCopy" style="display: none;">一键复制</button>
-			<p class="shareTitle">分享给朋友，一起拿红包</p>
+			<button class="share shareCopy" style="margin-bottom:0.4rem">一键复制</button>
 		</div>
 		<div class="download">
 			<p class="tit">获取更多大额红包，下载猎豆优选</p>
@@ -72,6 +60,7 @@
 			</div>
 		</div>
 		<div class="btom">在淘宝/天猫购物之前，先来“猎豆优选App”</div>
+	</div>
 		
 		<div class="shareMask">
 			<div class="weixin">
@@ -92,17 +81,16 @@
 		<div class="shareWechat">
 			<img src="./images/wx_jiantou.png" class="wx_jiantou" />
 			<div class="shareWechatCon">
-				<h3>恭喜你，获得淘宝红包</h3>
-				<p>点击右上角，分享给好友</p>
+				<h3>分享给朋友/群聊</h3>
+				<p>分享后即可领取红包</p>
 				<img class="cancel" src="./images/close.png"></img>
 			</div>
 		</div>
 		
 	    <input id="copy_1" type="text" readOnly="true" value=""/>
 	    <div id="copy_2"></div>
-		<text id="taokouling">€1Itabeg9EZP€</text>
+		<text id="taokouling">啦啦啦啦啊啦啊</text>
 
-	</div>
 	
 	<div class="alert-info" style="display: none;">
         <!-- tip提示,3s后消失 -->
@@ -112,4 +100,4 @@
 </html>
 <script type="text/javascript" src="public/jquery-2.1.0.js"></script>
 <script type="text/javascript" src="js/index.js?v=1"></script>
-<script type="text/javascript" src="js/invitation.js?v=1"></script>
+<script type="text/javascript" src="js/invitation.js?v=2"></script>

share/js/index.js

@@ -1,40 +1,16 @@
-//var userId = 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
-//	}
-//}
+var userId = 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
+	}
+}
 	//页面加载，显示数据
 window.onload = function () {
-//	Lead() ;
-}
-//领红包
-function collarRed() {
-	$("#index").css("display","none");
-	$("#invitation").css("display","block")
-//		$.ajax({
-//			type:"post",
-//			url:"/api/V2/receiveRedPacket",
-//			data:{
-//				user_id:userId
-//			},
-//			success: function (res) {
-//				var data =JSON.parse(res)
-//				console.log(data)
-//				if(data.code == 0){
-//					copyPassword();
-//				}else if(data.code == 4003){
-//					showMsg("领取失败")
-//				}else if(data.code == 4002){
-////					showMsg(data.message)
-//					copyPassword();//不限制新老用户
-//				}
-//			}
-//		})
+	Lead() ;
 }
 //已领红包
 function Lead() {
@@ -78,7 +54,7 @@ function scrollTxt(){
     controls.rollWrapUl=controls.rollWrap.children();
     controls.rollWrapLIs=controls.rollWrapUl.children();
     values.liNums=controls.rollWrapLIs.length;
-    values.liHeight=66.8;
+    values.liHeight=controls.rollWrapLIs.eq(0).height();
     values.ulHeight=controls.rollWrap.height();
     this.init=function(){
         autoPlay();

share/js/invitation.js

@@ -6,7 +6,6 @@ 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);
 	}
 }
 
@@ -32,6 +31,9 @@ function shareWeixin () {
 	}else{
 		window.webkit.messageHandlers.shareWithWechatSession.postMessage(jsons)
 	}
+	$("#index").css("display","none");
+	$("#invitation").css("display","block");
+	$(".shareMask").css('display','none')
 }
 
 function sharePengyouquan () {
@@ -40,19 +42,24 @@ function sharePengyouquan () {
 	}else{
 		window.webkit.messageHandlers.shareWithWechatTimeline.postMessage(jsons)
 	}
+	$("#index").css("display","none");
+	$("#invitation").css("display","block");
+	$(".shareMask").css('display','none')
 }
-
+//点击立即分享
 $(".shareHongbao").click(function () {
 		if(navigator.userAgent.toLowerCase().match(/MicroMessenger/i) == "micromessenger"){
 			//微信
 			$(".shareWechat").css('display','block')
 			shareFriend ();
 		}else{
-//			//app端
+			//app端
 			$(".shareMask").css('display','block')
 		}
+	collarRed();
 	share();
 })
+//带你几取消分享
 $(".cancel").click(function () {
 	$(".shareMask").css('display','none');
 	$(".shareWechat").css('display','none')
@@ -88,15 +95,10 @@ function shareFriend () {
 			if(res && res.code == 0){
 				wexinPay(res.res.url,res.res,() => {
 //					分享成功
-					$(".copyTkl").css("display","block");
-					$(".shareSuccess").html('恭喜你，分享成功');
-					$(".shareTitle").css("display","none");
-					$(".shareHongbao").css("display",'none')
-					$(".shareCopy").css({"margin-bottom":"0.4rem","display":"block"})
+					$("#index").css("display","none");
+					$("#invitation").css("display","block");
+					$(".shareMask").css('display','none')
 					$(".shareWechat").css('display','none')
-					$('.shareCopy').click(function () {
-						copyPassword()
-					})
 				},() => {
 					showMsg("分享失败")
 				})
@@ -141,4 +143,22 @@ function showMsg(msg) {
     setTimeout(function() {
         msgBox.hide();
     }, 3000);
+}
+
+$('.shareCopy').click(function () {
+	copyPassword()
+})
+
+//记录用户  领红包
+function collarRed() {
+	$.ajax({
+		type:"post",
+		url:"/api/V2/receiveRedPacket",
+		dataType:"json",
+		data:{
+			user_id:userId
+		},
+		success: function (res) {
+		}
+	})
 }