替换首页榜单奖励图

view/molistar/modules/newRank/css/monthlyRewards.css

@@ -372,3 +372,71 @@ body {
 .header4 .top .top3 .tx {
   border-radius: 0;
 }
+
+.rewards {
+  width: 10rem;
+  margin: 0 auto 0.89333rem;
+}
+
+.reward1 {
+  height: 48.02667rem;
+  background: url(../images/reward1.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.reward2 {
+  height: 34.56rem;
+  background: url(../images/reward2.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.reward3 {
+  height: 47.68rem;
+  background: url(../images/reward3.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .reward1 {
+  background: url(../images/reward1-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .reward2 {
+  background: url(../images/reward2-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.china .reward3 {
+  background: url(../images/reward3-zh.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.Turkiye .reward1 {
+  background: url(../images/reward1-tr.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.Turkiye .reward2 {
+  background: url(../images/reward2-tr.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.Turkiye .reward3 {
+  background: url(../images/reward3-tr.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .reward1 {
+  background: url(../images/reward1-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .reward2 {
+  background: url(../images/reward2-ar.png) no-repeat;
+  background-size: 100% 100%;
+}
+
+.arabic .reward3 {
+  background: url(../images/reward3-ar.png) no-repeat;
+  background-size: 100% 100%;
+}

view/molistar/modules/newRank/css/monthlyRewards.scss

@@ -391,4 +391,78 @@ body {
             }
         }
     }
+}
+
+.rewards {
+    width: px2rem(750);
+    margin: 0 auto px2rem(67);
+}
+
+.reward1 {
+    height: px2rem(3602);
+    background: url(../images/reward1.png) no-repeat;
+    background-size: 100% 100%;
+}
+
+.reward2 {
+    height: px2rem(2592);
+    background: url(../images/reward2.png) no-repeat;
+    background-size: 100% 100%;
+}
+
+.reward3 {
+    height: px2rem(3576);
+    background: url(../images/reward3.png) no-repeat;
+    background-size: 100% 100%;
+}
+
+.china {
+    .reward1 {
+        background: url(../images/reward1-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .reward2 {
+        background: url(../images/reward2-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .reward3 {
+        background: url(../images/reward3-zh.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.Turkiye {
+    .reward1 {
+        background: url(../images/reward1-tr.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .reward2 {
+        background: url(../images/reward2-tr.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .reward3 {
+        background: url(../images/reward3-tr.png) no-repeat;
+        background-size: 100% 100%;
+    }
+}
+
+.arabic {
+    .reward1 {
+        background: url(../images/reward1-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .reward2 {
+        background: url(../images/reward2-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
+
+    .reward3 {
+        background: url(../images/reward3-ar.png) no-repeat;
+        background-size: 100% 100%;
+    }
 }

view/molistar/modules/newRank/js/monthlyRewards.js

@@ -228,6 +228,8 @@ $('.header .tabBox div').click(function () {
     $('.header .sTab div').removeClass('act');
     $('.header .sTab div').eq(0).addClass('act');
     $('.header .top .score img').attr('src', `./images/${i}.png`);
+    $('.rewards').removeClass('reward1').removeClass('reward2').removeClass('reward3');
+    $('.rewards').addClass(`reward${i}`);
     if (i == 1) {
         listType = 2;
         // geth5();

view/molistar/modules/newRank/monthlyRewards.html

@@ -59,6 +59,7 @@
             </div>
         </div>
     </div>
+    <div class="rewards reward1"></div>
 </body>
 
 </html>