init

lottery/index.html

@@ -530,6 +530,8 @@
 		left: 0;
 		z-index: 2;
 		transform: scale(1);
+		display: flex;
+		    align-items: center;
 	}
 	.show_box .show_item.add_animation_item .avatar_box{
 		animation: showAvatarItem 0.3s ease-out 2s forwards;
@@ -641,6 +643,7 @@
 		line-height: 20rem;
 		padding-left: 25rem;
 		margin-bottom: 5rem;
+		height: 20rem;
 	}
 	.show_box .show_item .info_box .info_text .info_dsc{
 		font-weight: 400;
@@ -928,6 +931,8 @@
 			serverDomain: ''
 		}
 		let imgList = []
+		var itemList = []
+		var itemIndex = 0
 		window.onload = function() {
 			if (getQueryParam('openId')) {
 				if(!getQueryParam('externalUserid')) {
@@ -940,6 +945,7 @@
 					} else if (h5Type == 20) {
 						// 获取腾讯COS对象存储的实例对象
 						getCosObj();
+						findCollectList()
 					}
 				}
 			} else {
@@ -1072,6 +1078,9 @@
 				dataType:'json',//服务器返回json格式数据
 				type:'get',//HTTP请求类型
 				success:function(res){
+					itemList = res.data||[]
+					console.log(itemList)
+					onShowItem()
 				},
 				error:function(error){
 					//异常处理；
@@ -1082,24 +1091,23 @@
 		function getRandomArbitrary(min, max) {
 		  return Math.floor(Math.random() * (max - min) + min);
 		}
-		function showItem(type){
+		function showItem(data){
 			var showItem = document.getElementById('showItem')
 			var infoName = document.getElementById('infoName')
 			var infoDsc = document.getElementById('infoDsc')
 			var avatar = document.getElementById('avatar')
-			avatar.src = ""
-			infoName.innerText = '455'
-			infoDsc.innerText = '455'
+			avatar.src = data.avatar
+			infoName.innerText = data.clientName
+			infoDsc.innerText = data.content
 			var  X = getRandomArbitrary(15,125)
-			if(type===1){//无图片
-				showItem.classList.remove("show_img_item")
-				var Y = getRandomArbitrary(15,157)
-			}
-			if(type===2){//有图片
+			if(data.imgList&&data.imgList.length){//有图片
 				showItem.classList.add("show_img_item")
 				var infoImg = document.getElementById('infoImg')
-				infoImg.src = ""
+				infoImg.src = data.imgList[0]
 				var Y = getRandomArbitrary(175,208)
+			}else{//无图片
+				showItem.classList.remove("show_img_item")
+				var Y = getRandomArbitrary(15,157)
 			}
 			showItem.style.cssText = `top: ${Y}rem; left: ${X}rem;`
 			showItem.classList.add("add_animation_item")
@@ -1107,6 +1115,21 @@
 				showItem.classList.remove("add_animation_item")
 			},3500)
 		}
+		function onShowItem(){
+			console.log(itemIndex)
+			if(itemList.length){
+				var data = itemList[itemIndex]
+				showItem(data)
+				if(itemIndex<itemList.length-1){
+					itemIndex++
+				}else{
+					itemIndex = 0
+				}
+				setTimeout(()=>{
+					onShowItem()
+				},4000)
+			}
+		}
 		document.getElementById('sendBtn').addEventListener('click', function() {
 			document.getElementById('dialogText').style.display = 'block';
 		});