init

lottery/index.html

@@ -515,10 +515,11 @@
 		top: 15rem;
 		left: 15rem;
 		display: none;
+		opacity: 1;
 	}
 	.show_box .show_item.add_animation_item{
 		display: block;
-		animation: hiddenAvatarItem 0.8s ease-out 2.3s forwards
+		animation: hiddenAvatarItem 0.8s linear 2.3s forwards
 	}
 	.show_box .show_item .avatar_box{
 		width: 20rem;
@@ -531,10 +532,10 @@
 		z-index: 2;
 		transform: scale(1);
 		display: flex;
-		    align-items: center;
+		align-items: center;
 	}
 	.show_box .show_item.add_animation_item .avatar_box{
-		animation: showAvatarItem 0.3s ease-out 2s forwards;
+		animation: showAvatarItem 0.3s linear 2s forwards;
 	}
 	.show_box .show_item .avatar_box .avatar{
 		width: 20rem;
@@ -546,7 +547,7 @@
 		top: -15rem;
 		left: -15rem;
 		z-index: 1;
-		background: rgba(255,255,255,0.8);
+		background: rgba(255,255,255,0.7);
 		border-radius: 15rem;
 		border: 1rem solid #FFFFFF;
 		width: 240rem;
@@ -554,14 +555,14 @@
 		box-sizing: border-box;
 	}
 	.show_box .show_item.add_animation_item .info_box{
-		animation: hiddenItem 0.3s ease-out 2s forwards;
+		animation: hiddenItem 0.3s linear 2s forwards;
 	}
 	.show_box .show_item.show_img_item .info_box{
 		top: -175rem;
 		left: -15rem;
 	}
 	.show_box .show_item.show_img_item.add_animation_item .info_box{
-		animation: hiddenImgItem 0.3s ease-out 2s forwards;
+		animation: hiddenImgItem 0.3s linear 2s forwards;
 	}
 	
 	@keyframes showItem {
@@ -577,16 +578,16 @@
 	        transform: scale(1);
 	    }
 	    100% {
-	        transform: scale(1.5);
+	        transform: scale(2);
 	    }
 	}
 	@keyframes hiddenAvatarItem {
 	    0% {
-	        transform: scale(1.5);
+	        transform: scale(2);
 			opacity: 1;
 	    }
 	    100% {
-	        transform: scale(1.5);
+	        transform: scale(1);
 			opacity: 0;
 			top: 135rem;
 			left: 172rem;
@@ -650,6 +651,20 @@
 		font-size: 12rem;
 		color: #222222;
 		line-height: 17rem;
+		word-break: break-all;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 5;
+		overflow: hidden;
+	}
+	.show_box .show_item.show_img_item .info_box .info_text .info_dsc{
+		word-break: break-all;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 5;
+		overflow: hidden;
 	}
 	.send_btn {
 		width: 345rem;
@@ -745,8 +760,8 @@
 							<img id="infoImg" class="info_img" src="./img/lottery-bg.png"/>
 						</div>
 						<div class="info_text">
-							<div id="infoName" class="info_name">不爱吃甜：</div>
-							<div id="infoDsc" class="info_dsc">不爱吃甜不爱吃甜不爱吃甜不爱吃甜不爱吃甜不爱吃甜</div>
+							<div id="infoName" class="info_name"></div>
+							<div id="infoDsc" class="info_dsc"></div>
 						</div>
 					</div>
 				</div>
@@ -896,6 +911,7 @@
 		let imgList = []
 		var itemList = []
 		var itemIndex = 0
+		var itemTimer = null
 		function uploadImage() {
 		    let uploaInput = document.getElementById('uploadfile');
 			document.getElementById('uploadfile').click();
@@ -1069,6 +1085,7 @@
 						mui.toast('发送成功');
 						document.getElementById('dialogText').style.display = 'none';
 						imgList = []
+						findCollectList()
 					} else {
 						mui.toast(res.msg);
 					}
@@ -1090,7 +1107,7 @@
 				type:'get',//HTTP请求类型
 				success:function(res){
 					itemList = res.data||[]
-					console.log(itemList)
+					itemIndex = 0
 					onShowItem()
 				},
 				error:function(error){
@@ -1127,7 +1144,10 @@
 			},3500)
 		}
 		function onShowItem(){
-			console.log(itemIndex)
+			if(itemTimer){
+				clearTimeout(itemTimer)
+				itemTimer = null
+			}
 			if(itemList.length){
 				var data = itemList[itemIndex]
 				showItem(data)
@@ -1136,13 +1156,17 @@
 				}else{
 					itemIndex = 0
 				}
-				setTimeout(()=>{
+				itemTimer = setTimeout(()=>{
 					onShowItem()
 				},4000)
 			}
 		}
 		document.getElementById('sendBtn').addEventListener('click', function() {
 			document.getElementById('dialogText').style.display = 'block';
+			if(itemTimer){
+				clearTimeout(itemTimer)
+				itemTimer = null
+			}
 		});
 		document.getElementById('closeText').addEventListener('click', function() {
 			document.getElementById('dialogText').style.display = 'none';