diff --git a/view/molistar/modules/newRank/css/monthlyRewards.css b/view/molistar/modules/newRank/css/monthlyRewards.css index a0535854..4327306a 100644 --- a/view/molistar/modules/newRank/css/monthlyRewards.css +++ b/view/molistar/modules/newRank/css/monthlyRewards.css @@ -6,38 +6,36 @@ body { } .back { - width: 0.66667rem; - height: 0.58667rem; - line-height: 0.58667rem; + width: 0.6666666667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; position: fixed; left: 0; top: 1.2rem; text-align: center; color: #FFFFFF; - font-size: 0.50667rem; + font-size: 0.5066666667rem; font-weight: bold; z-index: 10; } - .back img { - width: 0.58667rem; - height: 0.58667rem; + width: 0.5866666667rem; + height: 0.5866666667rem; position: absolute; left: 0.24rem; top: 0rem; z-index: 2; } - .back p { width: 100%; - height: 0.58667rem; - line-height: 0.58667rem; + height: 0.5866666667rem; + line-height: 0.5866666667rem; position: absolute; left: 0.24rem; top: 0rem; text-align: center; color: #FFF8C2; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; } @@ -49,7 +47,7 @@ body { z-index: 9; text-align: center; color: #FFF8C2; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; line-height: 3rem; transition: all 0.5s; @@ -64,7 +62,7 @@ body { z-index: 9; text-align: center; color: #FFF8C2; - font-size: 0.42667rem; + font-size: 0.4266666667rem; font-weight: 600; line-height: 3rem; overflow: hidden; @@ -76,7 +74,6 @@ body { position: relative; margin: 0 auto; } - .header .tabBox { width: 10rem; height: 0.8rem; @@ -84,82 +81,74 @@ body { display: flex; justify-content: space-evenly; position: absolute; - top: 2.17333rem; + top: 2.1733333333rem; left: 50%; transform: translateX(-50%); box-sizing: border-box; - padding: 0 0.14667rem; + padding: 0 0.1466666667rem; z-index: 2; } - .header .tabBox div { position: relative; - width: 2.13333rem; + width: 2.1333333333rem; height: 0.8rem; border-radius: 0.8rem; color: #FFF8C2; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 600; text-align: center; background: rgba(0, 0, 0, 0.5); } - .header .tabBox div span { - width: 0.49333rem; - height: 0.10667rem; - border-radius: 0.10667rem; + width: 0.4933333333rem; + height: 0.1066666667rem; + border-radius: 0.1066666667rem; background: #fff; position: absolute; - bottom: -0.29333rem; + bottom: -0.2933333333rem; left: 50%; transform: translateX(-50%); display: none; } - .header .tabBox .act { color: #000; font-weight: bold; background: linear-gradient(0deg, #FFDC7D, #FFEEBC); } - .header .tabBox .act span { display: block; } - .header .lastMonthWealthTOP3 { - min-width: 5.06667rem; - height: 0.77333rem; - line-height: 0.77333rem; + min-width: 5.0666666667rem; + height: 0.7733333333rem; + line-height: 0.7733333333rem; text-align: center; padding: 0 0.32rem; background: url(../images/lastMonth.png) no-repeat; background-size: 100% 100%; color: #000; - font-size: 0.37333rem; + font-size: 0.3733333333rem; font-weight: 500; position: absolute; - top: 3.57333rem; + top: 3.5733333333rem; left: 50%; transform: translateX(-50%); } - .header .top { width: 10rem; - height: 11.78667rem; + height: 11.7866666667rem; position: absolute; - top: 4.50667rem; + top: 4.5066666667rem; left: 50%; transform: translateX(-50%); } - .header .top .top1 { position: absolute; width: 10rem; - height: 6.66667rem; + height: 6.6666666667rem; left: 50%; transform: translateX(-50%); } - .header .top .top1 .ts { width: 100%; height: 100%; @@ -168,35 +157,32 @@ body { top: 0; z-index: 2; } - .header .top .top1 .tx { - width: 2.77333rem; - height: 2.77333rem; + width: 2.7733333333rem; + height: 2.7733333333rem; position: absolute; - top: 1.89333rem; + top: 1.8933333333rem; left: 50%; transform: translateX(-50%); border-radius: 50%; } - .header .top .top1 .nick { width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF8C2; - font-size: 0.37333rem; + font-size: 0.3733333333rem; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); - top: 4.61333rem; + top: 4.6133333333rem; z-index: 3; font-weight: 500; } - .header .top .top1 .fist { - width: 1.02667rem; + width: 1.0266666667rem; height: 1.24rem; position: absolute; left: 50%; @@ -205,13 +191,12 @@ body { z-index: 3; display: none; } - .header .top .top1 .score { width: 100%; height: 0.4rem; line-height: 0.4rem; color: #FFF8C2; - font-size: 0.34667rem; + font-size: 0.3466666667rem; position: absolute; left: 50%; transform: translateX(-50%); @@ -222,26 +207,22 @@ body { display: flex; justify-content: center; } - .header .top .top1 .score img { display: inline-block; width: 0.4rem; height: 0.4rem; } - .header .top .top1 .score span { display: inline-block; } - .header .top .top2 { position: absolute; - top: 6.66667rem; + top: 6.6666666667rem; width: 5rem; height: 5.12rem; left: 0rem; z-index: 2; } - .header .top .top2 .ts { width: 100%; height: 100%; @@ -250,17 +231,15 @@ body { top: 0; z-index: 2; } - .header .top .top2 .tx { - width: 1.86667rem; - height: 1.86667rem; + width: 1.8666666667rem; + height: 1.8666666667rem; position: absolute; - top: 1.22667rem; + top: 1.2266666667rem; left: 50%; transform: translateX(-50%); border-radius: 50%; } - .header .top .top2 .nick { width: 50%; height: 0.5rem; @@ -269,47 +248,43 @@ body { text-overflow: ellipsis; color: #FFF8C2; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); - top: 3.01333rem; + top: 3.0133333333rem; z-index: 3; } - .header .top .top2 .score { width: 100%; height: 0.4rem; line-height: 0.4rem; color: #FFF8C2; - font-size: 0.34667rem; + font-size: 0.3466666667rem; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%); - top: 3.38667rem; + top: 3.3866666667rem; text-align: center; display: flex; justify-content: center; z-index: 3; } - .header .top .top2 .score img { display: inline-block; width: 0.4rem; height: 0.4rem; } - .header .top .top3 { position: absolute; - top: 6.66667rem; + top: 6.6666666667rem; width: 5rem; height: 5.12rem; right: 0rem; z-index: 2; } - .header .top .top3 .ts { width: 100%; height: 100%; @@ -318,17 +293,15 @@ body { top: 0; z-index: 2; } - .header .top .top3 .tx { - width: 1.86667rem; - height: 1.86667rem; + width: 1.8666666667rem; + height: 1.8666666667rem; position: absolute; - top: 1.22667rem; + top: 1.2266666667rem; left: 50%; transform: translateX(-50%); border-radius: 50%; } - .header .top .top3 .nick { width: 50%; height: 0.5rem; @@ -337,32 +310,30 @@ body { text-overflow: ellipsis; color: #FFF8C2; font-weight: 500; - font-size: 0.37333rem; + font-size: 0.3733333333rem; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); - top: 3.01333rem; + top: 3.0133333333rem; z-index: 3; } - .header .top .top3 .score { width: 100%; height: 0.4rem; line-height: 0.4rem; color: #FFF8C2; - font-size: 0.34667rem; + font-size: 0.3466666667rem; font-weight: 400; position: absolute; left: 50%; transform: translateX(-50%); - top: 3.38667rem; + top: 3.3866666667rem; text-align: center; display: flex; justify-content: center; z-index: 3; } - .header .top .top3 .score img { display: inline-block; width: 0.4rem; @@ -371,19 +342,18 @@ body { .header1 { background: url(../images/header11.png) no-repeat; - background-size: 100% 14.26667rem; + background-size: 100% 14.2666666667rem; } .header2 { background: url(../images/header22.png) no-repeat; - background-size: 100% 14.26667rem; + background-size: 100% 14.2666666667rem; } .header3 { background: url(../images/header33.png) no-repeat; - background-size: 100% 14.26667rem; + background-size: 100% 14.2666666667rem; } - .header3 .top .top1 .tx, .header3 .top .top2 .tx, .header3 .top .top3 .tx { @@ -392,9 +362,8 @@ body { .header4 { background: url(../images/header4.png) no-repeat; - background-size: 100% 14.26667rem; + background-size: 100% 14.2666666667rem; } - .header4 .top .top1 .tx, .header4 .top .top2 .tx, .header4 .top .top3 .tx { @@ -403,15 +372,21 @@ body { .rewards { width: 10rem; - margin: 0 auto 0.89333rem; + margin: 0 auto 0.8933333333rem; } .reward1 { - height: 48.02667rem; + height: 48.0266666667rem; background: url(../images/reward1.png) no-repeat; background-size: 100% 100%; } +.newreward1 { + height: 48.0266666667rem; + background: url(../images/newreward1.png) no-repeat; + background-size: 100% 100%; +} + .reward2 { height: 34.56rem; background: url(../images/reward2.png) no-repeat; @@ -424,47 +399,77 @@ body { background-size: 100% 100%; } +.newreward3 { + height: 48.0266666667rem; + background: url(../images/newreward3.png) no-repeat; + background-size: 100% 100%; +} + .china .reward1 { background: url(../images/reward1-zh.png) no-repeat; background-size: 100% 100%; } - +.china .newreward1 { + height: 48.0266666667rem; + background: url(../images/newreward1-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%; } +.china .newreward3 { + height: 48.0266666667rem; + background: url(../images/newreward3-zh.png) no-repeat; + background-size: 100% 100%; +} .Turkiye .reward1 { background: url(../images/reward1-tr.png) no-repeat; background-size: 100% 100%; } - +.Turkiye .newreward1 { + height: 48.0266666667rem; + background: url(../images/newreward1-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%; } +.Turkiye .newreward3 { + height: 48.0266666667rem; + background: url(../images/newreward3-tr.png) no-repeat; + background-size: 100% 100%; +} .arabic .reward1 { background: url(../images/reward1-ar.png) no-repeat; background-size: 100% 100%; } - +.arabic .newreward1 { + height: 48.0266666667rem; + background: url(../images/newreward1-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%; } +.arabic .newreward3 { + height: 48.0266666667rem; + background: url(../images/newreward3-ar.png) no-repeat; + background-size: 100% 100%; +} \ No newline at end of file diff --git a/view/molistar/modules/newRank/css/monthlyRewards.scss b/view/molistar/modules/newRank/css/monthlyRewards.scss index 25ada1fb..6419aa38 100644 --- a/view/molistar/modules/newRank/css/monthlyRewards.scss +++ b/view/molistar/modules/newRank/css/monthlyRewards.scss @@ -433,6 +433,11 @@ body { background: url(../images/reward1.png) no-repeat; background-size: 100% 100%; } +.newreward1{ + height: px2rem(3602); + background: url(../images/newreward1.png) no-repeat; + background-size: 100% 100%; +} .reward2 { height: px2rem(2592); @@ -445,12 +450,22 @@ body { background: url(../images/reward3.png) no-repeat; background-size: 100% 100%; } +.newreward3{ + height: px2rem(3602); + background: url(../images/newreward3.png) no-repeat; + background-size: 100% 100%; +} .china { .reward1 { background: url(../images/reward1-zh.png) no-repeat; background-size: 100% 100%; } + .newreward1{ + height: px2rem(3602); + background: url(../images/newreward1-zh.png) no-repeat; + background-size: 100% 100%; + } .reward2 { background: url(../images/reward2-zh.png) no-repeat; @@ -461,6 +476,11 @@ body { background: url(../images/reward3-zh.png) no-repeat; background-size: 100% 100%; } + .newreward3{ + height: px2rem(3602); + background: url(../images/newreward3-zh.png) no-repeat; + background-size: 100% 100%; + } } .Turkiye { @@ -468,6 +488,11 @@ body { background: url(../images/reward1-tr.png) no-repeat; background-size: 100% 100%; } + .newreward1{ + height: px2rem(3602); + background: url(../images/newreward1-tr.png) no-repeat; + background-size: 100% 100%; + } .reward2 { background: url(../images/reward2-tr.png) no-repeat; @@ -478,6 +503,11 @@ body { background: url(../images/reward3-tr.png) no-repeat; background-size: 100% 100%; } + .newreward3{ + height: px2rem(3602); + background: url(../images/newreward3-tr.png) no-repeat; + background-size: 100% 100%; + } } .arabic { @@ -485,6 +515,11 @@ body { background: url(../images/reward1-ar.png) no-repeat; background-size: 100% 100%; } + .newreward1{ + height: px2rem(3602); + background: url(../images/newreward1-ar.png) no-repeat; + background-size: 100% 100%; + } .reward2 { background: url(../images/reward2-ar.png) no-repeat; @@ -495,4 +530,9 @@ body { background: url(../images/reward3-ar.png) no-repeat; background-size: 100% 100%; } + .newreward3{ + height: px2rem(3602); + background: url(../images/newreward3-ar.png) no-repeat; + background-size: 100% 100%; + } } \ No newline at end of file diff --git a/view/molistar/modules/newRank/images/newreward1-ar.png b/view/molistar/modules/newRank/images/newreward1-ar.png new file mode 100644 index 00000000..d63f4ea6 Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward1-ar.png differ diff --git a/view/molistar/modules/newRank/images/newreward1-tr.png b/view/molistar/modules/newRank/images/newreward1-tr.png new file mode 100644 index 00000000..c3989bf4 Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward1-tr.png differ diff --git a/view/molistar/modules/newRank/images/newreward1-zh.png b/view/molistar/modules/newRank/images/newreward1-zh.png new file mode 100644 index 00000000..ab935a53 Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward1-zh.png differ diff --git a/view/molistar/modules/newRank/images/newreward1.png b/view/molistar/modules/newRank/images/newreward1.png new file mode 100644 index 00000000..959163c8 Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward1.png differ diff --git a/view/molistar/modules/newRank/images/newreward3-ar.png b/view/molistar/modules/newRank/images/newreward3-ar.png new file mode 100644 index 00000000..e68e92ed Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward3-ar.png differ diff --git a/view/molistar/modules/newRank/images/newreward3-tr.png b/view/molistar/modules/newRank/images/newreward3-tr.png new file mode 100644 index 00000000..6439e85c Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward3-tr.png differ diff --git a/view/molistar/modules/newRank/images/newreward3-zh.png b/view/molistar/modules/newRank/images/newreward3-zh.png new file mode 100644 index 00000000..b6e9a7a3 Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward3-zh.png differ diff --git a/view/molistar/modules/newRank/images/newreward3.png b/view/molistar/modules/newRank/images/newreward3.png new file mode 100644 index 00000000..e726419e Binary files /dev/null and b/view/molistar/modules/newRank/images/newreward3.png differ diff --git a/view/molistar/modules/newRank/js/monthlyRewards.js b/view/molistar/modules/newRank/js/monthlyRewards.js index 243e3b30..18db4ee7 100644 --- a/view/molistar/modules/newRank/js/monthlyRewards.js +++ b/view/molistar/modules/newRank/js/monthlyRewards.js @@ -71,6 +71,7 @@ function translateFun() { $('.newText7').html(langReplace(localLang.demoModule.newText7)); } +var partitionId; // 榜单接口 function geth5() { $('ul li').remove(); @@ -95,6 +96,12 @@ function geth5() { var my = res.data.me; var listTo3 = res.data.rankVoList.slice(0, 3); var notListTo3 = res.data.rankVoList.slice(3); + partitionId = res.data.partitionId; + var currentTabIndex = $('.header .tabBox div.act').index() + 1; + if (partitionId == 16 && currentTabIndex == 1) { + $('.rewards').removeClass('reward1'); + $('.rewards').addClass('newreward1'); + } // 处理前三 if (listTo3.length < 3) { let arr = new Array(3 - listTo3.length).fill({ @@ -192,8 +199,19 @@ $('.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}`); + $('.rewards').removeClass('reward1').removeClass('reward2').removeClass('reward3').removeClass('newreward1').removeClass('newreward3'); + + if (partitionId != 16) { + $('.rewards').addClass(`reward${i}`); + } else { + if (i === 2) { + $('.rewards').addClass(`reward${i}`); + } else { + $('.rewards').addClass(`newreward${i}`); + + } + + } if (i == 1) { listType = 2; geth5();