소스 검색

调整周年庆活动

heyang 3 년 전
부모
커밋
dedf7e8cd1
2개의 변경된 파일57개의 추가작업 그리고 29개의 파일을 삭제
  1. 1 1
      microserviceUserH5/static/css/anniversaryCelebrate.css
  2. 56 28
      microserviceUserH5/vcloud/anniversaryCelebrate.html

+ 1 - 1
microserviceUserH5/static/css/anniversaryCelebrate.css

@@ -671,7 +671,7 @@ ul, li {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 0.06rem;
+  bottom: 0.1rem;
   /* animation: mymoves 0.8s; */
 }
 

+ 56 - 28
microserviceUserH5/vcloud/anniversaryCelebrate.html

@@ -542,41 +542,57 @@
 								} else {
 									if(list.length == 3) {
 										str += `<div class="card-item many-two-card">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
-													<div class="card-text">星曜${list[1].awardDurations}天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
+														<div class="card-text">星曜${list[1].awardDurations}天卡</div>
+													</div>
 												</div>
 												<div class="card-item many-one-card">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
-													<div class="card-text">星曜${list[2].awardDurations}天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
+														<div class="card-text">星曜${list[2].awardDurations}天卡</div>
+													</div>
 												</div>`
 									}else if(list[i].awardType == 2){//外环
 										str += `<div class="card-item many-two-card">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
-													<div class="card-text">星曜${list[1].awardDurations}天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
+														<div class="card-text">星曜${list[1].awardDurations}天卡</div>
+													</div>
 												</div>
 												<div class="card-item many-one-card">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-													<div class="card-text">星曜188天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+														<div class="card-text">星曜188天卡</div>
+													</div>
 												</div>`
 									} else if(list[i].awardType == 1) {//内环
 										str += `<div class="card-item many-two-card">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-													<div class="card-text">星曜88天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+														<div class="card-text">星曜88天卡</div>
+													</div>
 												</div>
 												<div class="card-item many-one-card">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
-													<div class="card-text">星曜${list[1].awardDurations}天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
+														<div class="card-text">星曜${list[1].awardDurations}天卡</div>
+													</div>
 												</div>`
 									}
 								}
 								if(otherData.length == 0){
 									str += `<div class="card-item many-two-card">
-												<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-												<div class="card-text">星曜88天卡</div>
+												<div class="card-item-wrap card-item-wraps">
+													<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+													<div class="card-text">星曜88天卡</div>
+												</div>
 											</div>
 											<div class="card-item many-one-card">
-												<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-												<div class="card-text">星曜188天卡</div>
+												<div class="card-item-wrap card-item-wraps">
+													<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+													<div class="card-text">星曜188天卡</div>
+												</div>
 											</div>`
 								}
 							}
@@ -598,33 +614,45 @@
 								} else {
 									if(list[i].awardType == 2){
 										str += `<div class="card-item many-card-item">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
-													<div class="card-text">星曜${list[i].awardDurations}天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/first.png" />
+														<div class="card-text">星曜${list[i].awardDurations}天卡</div>
+													</div>
 												</div>
 												<div class="card-item many-card-item two-item">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-													<div class="card-text">星曜188天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+														<div class="card-text">星曜188天卡</div>
+													</div>
 												</div>`
 									} else if(list[i].awardType == 1) {
 										str += `<div class="card-item many-card-item">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-													<div class="card-text">星曜88天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+														<div class="card-text">星曜88天卡</div>
+													</div>
 												</div>
 												<div class="card-item many-card-item two-item">
-													<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
-													<div class="card-text">星曜${list[i].awardDurations}天卡</div>
+													<div class="card-item-wrap card-item-wraps">
+														<img class="many-card" src="../static/img/anniversaryCelebrate/second.png" />
+														<div class="card-text">星曜${list[i].awardDurations}天卡</div>
+													</div>
 												</div>`
 									}
 								}
 							}
 							if(otherData.length == 0){
 								str += `<div class="card-item many-card-item">
-											<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-											<div class="card-text">星曜88天卡</div>
+											<div class="card-item-wrap card-item-wraps">
+												<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+												<div class="card-text">星曜88天卡</div>
+											</div>
 										</div>
 										<div class="card-item many-card-item two-item">
-											<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
-											<div class="card-text">星曜188天卡</div>
+											<div class="card-item-wrap card-item-wraps">
+												<img class="many-card" src="../static/img/anniversaryCelebrate/no-award-selcet.png" />
+												<div class="card-text">星曜188天卡</div>
+											</div>
 										</div>`
 							}
 							var imgTimer2 = setInterval(() => {