调整

microserviceUserH5/static/css/springFestivalActivity.css

@@ -492,7 +492,7 @@ ul, li {
 }
 
 .many-light{
-  width: 2.4rem;
+  width: 1.4rem;
   height: 1.4rem;
   position: absolute;
   z-index: 99;
@@ -501,6 +501,15 @@ ul, li {
   transform: translateX(-50%);
 }
 
+.many-card-wrap{
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin: auto;
+  padding-left: 0.3rem;
+  margin-top: 0.2rem;
+}
+
 .card{
   width: 1.4rem;
   height: 1.4rem;
@@ -561,6 +570,10 @@ ul, li {
   animation: mymove 0.8s;
 }
 
+.many-card-item:nth-child(4n){
+  margin-left: 1rem;
+}
+
 .many-card-item{
   display: none;
 }

microserviceUserH5/vcloud/springFestivalActivity.html

@@ -426,7 +426,7 @@
 										<div class="card-text">星耀${list[0].duration}卡</div>
 									</div> `
 						}else{
-							$('.award-result-wrap')[0].className = 'card-wrap award-result-wrap'
+							$('.award-result-wrap')[0].className = 'card-wrap award-result-wrap many-card-wrap'
 							for (let i = 0; i < list.length; i++) {
 								str += `<div class="card-item many-card-item">
 									        <img class="many-light" src="../static/img/springFestivalActivity/light.gif?time=${new Date().getTime()}" />
@@ -434,17 +434,19 @@
 										    <div class="card-text">星耀${list[i].duration}卡</div>
 										</div>`
 							}
-							let imgTimer2 = setInterval(() => {
+							var imgTimer2 = setInterval(() => {
 									$('.many-card-item').eq(imgNumber).css('display', 'block');
-									if(imgNumber > 5){
+									if(imgNumber >= 4){
 										clearInterval(imgTimer2);
 									}
+									$('.many-light')[imgNumber].src = `../static/img/springFestivalActivity/light.gif?time=${new Date().getTime()}`;
 									imgNumber++;
-								},500)
+								},400)
 						}
 						$('.report-times').eq(0).text(times);
 						if(notReceive > 0){
 				            $('.join-result-tip').eq(0).css('opacity', '0');
+				            $('.many-card-wrap').eq(0).css('marginTop', '0');
 						}
 						let text = notReceive > 0?'确定':'查看';
 						$('.look-btn').eq(0).text(text);