测试

microserviceUserH5/vcloud/doubleElevenActivity.html

@@ -14,12 +14,28 @@
 	<style>
 		.get-award-container{
 			position: absolute;
-			bottom: 0;
+			bottom: 0.8rem;
+			left: 50%;
+            transform: translate(-50%, -50%);
 			width: 5.84rem;
 			height: 0.5rem;
+			line-height: 0.5rem;
+			text-align: center;
 			border-radius: 0.3rem;
 			background-color: rgba(0,0,0,0.5);
 		}
+		.award-list{
+			width: 5.84rem;
+			position: absolute;
+			top: -0.5rem;
+			left: 50%;
+            transform: translateX(-50%);
+			height: 6rem;
+		}
+		.award-text{
+			font-size: 0.24rem;
+			color: #ffffff;
+		}
 	</style>
 </head>
 
@@ -28,7 +44,16 @@
 		<div class="header-container">
 			<img class="top-banner" src="../static/img/doubleElevenActivity/top-banner.png" />
 			<div class="get-award-container">
-				<div>恭喜1230******成功获得时长100小时</div>
+				<div class="award-list">
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+					<div class="award-text">恭喜1230******成功获得时长100小时</div>
+				</div>
 			</div>
 		</div>
 		<div class="middle-container">
@@ -346,6 +371,7 @@
 	    let timer,flag = true;
 		var url = window.location.href;
 		url = url.split('/');
+		var topVal = 0;
 		// var baseUrl = 'http://192.168.31.198'
 		var loc = window.location.search,
 		    n1 = loc.length,//地址的总长度
@@ -355,6 +381,20 @@
 			ua = navigator.userAgent.toLowerCase(),
 			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
+		(function(){
+			headerAward();
+		})()
+		//轮播
+		function headerAward(){
+			setInterval(() =>{
+				if(topVal < 200){
+					topVal+=0.5;
+				}else{
+					topVal = 0;
+				}
+				$('.award-list').eq(0).css('top', -(topVal) + 'rem');
+			},3000);
+		}
 		//埋点
 		operate('dt_yhs_活动页面浏览');
 		function operate(pointName,type){
@@ -385,6 +425,14 @@
 				$('.user-list').eq(0).attr('flag','1');
 			}
 		})
+		//点击参加按钮
+		$('.join-activity-btn')[0].addEventListener('click',()=>{
+			window.native.copy();
+		});
+		//测试
+		$('.invite-text')[0].addEventListener('click',()=>{
+			window.native.shareToWechat();
+		});
 		//点击分享
 		$('.share-btn')[0].addEventListener('click',(e) => {
 			e.stopPropagation();
@@ -420,9 +468,6 @@
 				})
 			}
 		}
-		function shareToWechat(){
-			console.log(222222222)
-		}
 		//点击关闭弹窗
 		$('.del')[0].addEventListener('click',()=>{
 			$('.pop').animate({top: '-6.96rem'},"fast");