调试

microserviceUserH5/static/css/doubleElevenActivity.css

@@ -35,8 +35,8 @@ ul, li {
   margin: 0 auto;
   position: relative;
   background: url(../../static/img/doubleElevenActivity/bg.png) no-repeat;
-        background-size: 100% 100%;
-  margin-top: -2.06rem;
+  background-size: 100% auto,100% auto;
+  margin-top: -2.46rem;
   padding-bottom: 0.5rem;
 }
 .tips{
@@ -169,6 +169,14 @@ ul, li {
   font-size: 0.28rem;
   text-align: center;
   color: #ffffff;
+  display: none;
+}
+.packet-container{
+  width: 6.9rem;
+  position: relative;
+  margin-top: 1.6rem;
+  margin-left: 0.3rem;
+  display: none;
 }
 .rule-container{
   width: 6.9rem;
@@ -265,7 +273,7 @@ ul, li {
   background-color: #FEF1C4;
   padding: 0.3rem 0.3rem 0 0.3rem;
   overflow-y: scroll;
-  display: block;
+  display: none;
 }
 .user-item{
   display: flex;
@@ -403,4 +411,34 @@ ul, li {
 .del-img{
   width: 100%;
   height: 100%;
+}
+
+#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;
+}
+
+.toast-center-center {
+  min-width: 100px;
+  top: 50%;
+  left: 50%;
+  text-align: center;
+  transform: translateX(-50%);
+}
+
+@media (max-width: 480px) and (min-width: 241px) {
+  #toast-container>div {
+    min-width: 80px !important;
+    width: auto;
+  }
 }

microserviceUserH5/vcloud/doubleElevenActivity.html

@@ -14,7 +14,7 @@
 	<style>
 		.get-award-container{
 			position: absolute;
-			bottom: 0.8rem;
+			bottom: 1.3rem;
 			left: 50%;
             transform: translate(-50%, -50%);
 			width: 5.84rem;
@@ -46,15 +46,11 @@
 			<img class="top-banner" src="../static/img/doubleElevenActivity/top-banner.png" />
 			<div class="get-award-container">
 				<div class="award-list">
-					<div class="award-text">恭喜189****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜134****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜136****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜152****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜138****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜189****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜152****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜134****0858用户免费获得唔即年卡</div>
-					<div class="award-text">恭喜182****0858用户免费获得唔即年卡</div>
+					<div class="award-text"></div>
+					<div class="award-text"></div>
+					<div class="award-text"></div>
+					<div class="award-text"></div>
+					<div class="award-text"></div>
 				</div>
 			</div>
 		</div>
@@ -98,7 +94,7 @@
 				</div>
 			</div>
 			<div class="invite-text">*邀请好友即得厚礼，红包购机买一赠一</div>
-			<div class="rule-container">
+			<div class="packet-container">
 			    <img class="rule-tips" src="../static/img/doubleElevenActivity/packet-tip.png" />
 				<div class="packet-block">
 					<div class="red-packet-next">
@@ -373,8 +369,8 @@
 	    let timer,flag = true;
 		var url = window.location.href;
 		url = url.split('/');
-		var topVal = 0;
-		// var baseUrl = 'http://192.168.31.198'
+		var topVal = -0.5;
+		var baseUrl = 'http://192.168.211.34:8044'
 		var loc = window.location.search,
 		    n1 = loc.length,//地址的总长度
 		    n2 = loc.indexOf("="),//取得=号的位置
@@ -384,22 +380,68 @@
 			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 		(function(){
+			awardHandle();
 			headerAward();
+			getList();
 		})()
 		//轮播
 		function headerAward(){
 			setInterval(() =>{
-				let number = Math.floor(Math.random()*10);
-				let number1 = Math.floor(Math.random()*10);
-				let index = topVal/0.5;
-				$('.award-text').eq(index).text(`恭喜1${[3,5,7,8,3,5,7,8,3,5][number]}${number1}****0858用户免费获得唔即年卡`);
-				if(topVal < 4){
+				awardHandle();
+			},3000);
+		}
+		function awardHandle(){
+			let index = (topVal/0.5) + 1;
+				if(topVal < 2){
 					topVal+=0.5;
 				}else{
 					topVal = 0;
+				    $('.award-list').eq(0).css('top','0.5rem');
 				}
-				$('.award-list').eq(0).css('top', -(topVal) + 'rem');
-			},3000);
+				$('.award-text').eq(index).text(`恭喜1${[3,5,7,8,3,5,7,8,3,5][getRandom()]}${getRandom()}****${getRandom()}${getRandom()}${getRandom()}${getRandom()}用户免费获得唔即年卡`);
+				$('.award-list').eq(0).animate({top: -(topVal) + 'rem'},"fast");
+		}
+		//调用免费换机接口
+		function getList(){
+			// if(!id){
+			// 	stopManyClick(() => {
+			// 		toastr.error('不支持当前环境！');
+			// 	})
+			// }
+			$.ajax({
+				url: baseUrl + '/v1/activity/orderRedEnvelopeSharing',
+				type: 'post',
+				headers: {
+					'Authorization': 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyYW5kb20iOiIxNDkwMyIsImNsaWVudCI6IjEiLCJleHAiOjE2MzczNzI4MzEsInVzZXJuYW1lIjoiTVZCbksxNjMxNjc2Mjg3In0.P24SZqEUL_e5LiyuORYGoHQUWBxcCdP78T8M10gQZfQ'  //id
+				},
+				contentType: "application/json",
+				dataType: 'json',
+				cache: false,
+				success: function (res) {
+					if(res.status === 0){
+						if(res.data && res.data.length > 0){
+							var str = '',
+							    len = res.data.length;
+							for (var i = 0; i < len; i++) {
+								var phone = res.data.friendList[i].newPhone
+								var inviteMsg = res.data.friendList[i].duration
+								var registerTime = res.data.friendList[i].createTime
+								var nPhone = phone.substr(0, 3) + '****' + phone.substring(7, 11)
+								str += '<div class="goodFriend-item">'
+								str += '<span class="tal">' + nPhone + '</span>'
+								str += Number(inviteMsg) && inviteMsg > 0 ? '<span class="tac cF04646">' + inviteMsg + '</span>' : '<span class="tac">' + inviteMsg + '</span>'
+								str += '<span class="tar">' + registerTime + '</span>'
+								str += '</div>';
+							}
+							$('#goode').append(str);
+						}
+					}else{
+						stopManyClick(() => {
+							toastr.error(res.msg);
+						})
+					}
+				}
+			})
 		}
 		//埋点
 		operate('dt_yhs_活动页面浏览');
@@ -433,11 +475,7 @@
 		})
 		//点击参加按钮
 		$('.join-activity-btn')[0].addEventListener('click',()=>{
-			window.native.copy();
-		});
-		//测试
-		$('.invite-text')[0].addEventListener('click',()=>{
-			window.native.shareToWechat();
+			window.native.startPurchase();
 		});
 		//点击分享
 		$('.share-btn')[0].addEventListener('click',(e) => {
@@ -533,7 +571,7 @@
 				delete data.inviteTime
 			}
 			let ajaxObj = {
-				url: baseUrl + '/api/public/v1/activity/change/phone',
+				url: baseUrl + '/v1/activity/orderRedEnvelopeSharing',
 				type: 'post',
 				headers: {
 					'Authorization': id  //id
@@ -571,6 +609,10 @@
 			if(timer){clearTimeout(timer);}
 			timer = setTimeout(() => {flag = true}, 1500);
 		}
+		// 获取一个随机数
+		function getRandom(){
+			return Math.floor(Math.random()*10);
+		}
 	</script>
 </body>