每日任务 - 修改页面样式，主播周奖励 - 规则页修改图片

view/molistar/modules/taskCenter/css/index.css

@@ -98,13 +98,12 @@ body {
   margin: 0 0.0533333333rem;
 }
 .top .info .Mall_box {
-  background: #FF8C03;
-  border-radius: 9.6266666667rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.1066666667rem 0.2933333333rem;
-  margin: 0 0.3466666667rem;
+  background-image: url("../images/mall.png");
+  background-size: cover;
+  width: 2.6666666667rem;
+  height: 1.44rem;
+  position: relative;
+  margin: 0 0.16rem;
 }
 .top .info .Mall_box .mall_img {
   width: 0.5866666667rem;
@@ -118,7 +117,9 @@ body {
   text-align: center;
   font-style: normal;
   text-transform: none;
-  margin-left: 0.24rem;
+  position: absolute;
+  top: 0.6666666667rem;
+  right: 0.48rem;
 }
 .top .check_List {
   background: #FFFFFF;
@@ -836,7 +837,7 @@ body {
   justify-content: center;
   z-index: 99;
   left: 50%;
-  translate: -50%;
+  transform: translateX(-50%);
 }
 .Daily_list .box_en2 .contant_box .Level_box .progress_box .processNum_box .processNum {
   font-family: PingFang SC, PingFang SC;
@@ -890,7 +891,7 @@ body {
   height: 0.2933333333rem;
 }
 .Daily_list .box_en2 .contant_box .rewards_list {
-  margin-top: 2.2666666667rem;
+  margin-top: 2.1066666667rem;
   position: relative;
 }
 .Daily_list .box_en2 .contant_box .rewards_list .top_info {
@@ -899,7 +900,7 @@ body {
   position: absolute;
   top: -1.68rem;
   left: 50%;
-  translate: -50%;
+  transform: translateX(-50%);
   width: 100%;
   z-index: 99;
 }
@@ -1054,7 +1055,7 @@ body {
   overflow: hidden;
   position: absolute;
   left: 50%;
-  translate: -50%;
+  transform: translateX(-50%);
   top: -1.2533333333rem;
 }
 .Daily_list .box_en2 .contant_box .rewards_list .rewards_box .middle_box .progress_box .progress_bar {

view/molistar/modules/taskCenter/css/index.scss

@@ -147,14 +147,12 @@ body {
         }
 
         .Mall_box {
-            background: #FF8C03;
-            border-radius: px2rem(722);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            padding: px2rem(8) px2rem(22);
-            margin: 0 px2rem(26);
-
+             background-image: url("../images/mall.png");
+            background-size: cover;
+            width: px2rem(200);
+            height: px2rem(108);
+            position: relative;
+            margin:0 px2rem(12);
             .mall_img {
                 width: px2rem(44);
                 height: px2rem(44);
@@ -168,7 +166,9 @@ body {
                 text-align: center;
                 font-style: normal;
                 text-transform: none;
-                margin-left: px2rem(18);
+                position: absolute;
+                top: px2rem(50);
+                right: px2rem(36);
             }
         }
     }
@@ -994,7 +994,7 @@ body {
                         justify-content: center;
                         z-index: 99;
                         left: 50%;
-                        translate: -50%;
+                        transform: translateX(-50%);
 
                         .processNum {
                             font-family: PingFang SC, PingFang SC;
@@ -1060,7 +1060,7 @@ body {
             }
 
             .rewards_list {
-                margin-top: px2rem(170);
+                margin-top: px2rem(158);
                 position: relative;
 
                 .top_info {
@@ -1069,7 +1069,7 @@ body {
                     position: absolute;
                     top: px2rem(-126);
                     left: 50%;
-                    translate: -50%;
+                    transform: translateX(-50%);
                     width: 100%;
                     z-index: 99;
 
@@ -1244,7 +1244,7 @@ body {
                             overflow: hidden;
                             position: absolute;
                             left: 50%;
-                            translate: -50%;
+                            transform: translateX(-50%);
                             top: px2rem(-94);
 
                             .progress_bar {

view/molistar/modules/taskCenter/index.html

@@ -31,7 +31,6 @@
           <span class="goldBean"></span>
         </div>
         <div class="Mall_box">
-          <img src="./images/mall.png" alt="" class="mall_img" />
           <span class="Mall"></span>
         </div>
       </div>

view/molistar/modules/taskCenter/js/index.js

@@ -334,7 +334,7 @@ function getTaskList(taskTabType) {
                 </div>
                 <div class="txt">
                   <div class="preMaxNum">${item.diamondVo.levelVos[0].preMaxNum}</div>
-                  <div class="maxNum">${item.diamondVo.levelVos[0].processNum + '/' + item.diamondVo.levelVos[0].maxNum} <img src="./images/coins.png" alt=""> </div>
+                  <div class="maxNum">${item.diamondVo.levelVos[0].maxNum} <img src="./images/coins.png" alt=""> </div>
                 </div>
               </div>
               <div class="right">
@@ -883,7 +883,7 @@ $('.Daily_list').on('click', '.levelVos_box', function () {
 
     // 更新进度文本
     container.find('.preMaxNum').text(levelvos.preMaxNum);
-    container.find('.maxNum').html((levelvos.processNum + levelvos.preMaxNum) + '/' + levelvos.maxNum + ' <img src="./images/coins.png" alt="">');
+    container.find('.maxNum').html(levelvos.maxNum + ' <img src="./images/coins.png" alt="">');
 
     // 更新进度图片
     if (progressWidth >= 100) {