调整周年庆活动

microserviceUserH5/static/css/anniversaryCelebrate.css

@@ -204,7 +204,7 @@ ul, li {
 }
 
 .rest-times{
-  padding-top: 0.66rem;
+  padding-top: 0.56rem;
   font-size: 0.28rem;
   color: #FFFFFF;
 }
@@ -240,19 +240,21 @@ ul, li {
 }
 
 .line-wrap{
-  width: 3.81rem;
+  width: 0.14rem;
   height: 0.12rem;
-  background: #DFE9F8;
+  background: #5BB4FF;
   border-radius: 0.06rem;
   position: relative;
 }
 
 .line-wrap-one{
+  width: 3.81rem;
   background: linear-gradient(89deg, #58A9F5 0%, #DFE9F8 51%);
 }
 
 .line-wrap-two{
-    background: linear-gradient(89deg, #58A9F5 0%, #DFE9F8 51%, #FFB5F5 99%);
+  width: 3.81rem;
+  background: linear-gradient(89deg, #58A9F5 0%, #DFE9F8 51%, #FFB5F5 99%);
 }
 
 .icon{
@@ -267,7 +269,13 @@ ul, li {
   left: 0.8rem;
 }
 
+.once-text,.ten-text{
+  width: 5.1rem;
+}
+
 .icon2{
+  width: 0.36rem;
+  height: 0.36rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -664,7 +672,7 @@ ul, li {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
-  bottom: 0.28rem;
+  bottom: 0.44rem;
   /* animation: mymoves 0.8s; */
 }
 

microserviceUserH5/vcloud/anniversaryCelebrate.html

@@ -106,9 +106,9 @@
 					</div>
 					<div class="line-out-wrap">
 						<div class="line-wrap">
-							<img class="icon icon1" src="../static/img/anniversaryCelebrate/icon1.png" />
+							<img class="icon icon1" src="../static/img/anniversaryCelebrate/icon2.png" />
 							<div class="icon-once">1</div>
-							<img class="icon icon2" src="../static/img/anniversaryCelebrate/icon2.png" />
+							<img class="icon icon2" src="../static/img/anniversaryCelebrate/icon1.png" />
 							<div class="icon-five-times">5</div>
 						</div>
 					</div>
@@ -623,6 +623,9 @@
 		},false);
 		// 点击领取tab切换
 		$('.get-award-wrap')[0].addEventListener('click',(e) => {
+			if(!id){
+				return
+			}
 			$('.light-content-list').eq(0).empty();
 			pageNum = 1;
 			pages = 0;