moliparty/molistar-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改财富魅力页面-英语2区修改财富榜家族榜图片

Browse Source
This commit is contained in:
chenruiye
2025-04-11 16:13:48 +08:00
parent 8e83c0e874
commit 27eadc4b6c
11 changed files with 158 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
view/molistar/modules/newRank/css/monthlyRewards.css
View File

@@ -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%;
}

40
view/molistar/modules/newRank/css/monthlyRewards.scss
View File

@@ -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%;
}
}

BIN
view/molistar/modules/newRank/images/newreward1-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 KiB

BIN
view/molistar/modules/newRank/images/newreward1-tr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 424 KiB

BIN
view/molistar/modules/newRank/images/newreward1-zh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 422 KiB

BIN
view/molistar/modules/newRank/images/newreward1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 422 KiB

BIN
view/molistar/modules/newRank/images/newreward3-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 305 KiB

BIN
view/molistar/modules/newRank/images/newreward3-tr.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 302 KiB

BIN
view/molistar/modules/newRank/images/newreward3-zh.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 299 KiB

BIN
view/molistar/modules/newRank/images/newreward3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 305 KiB

22
view/molistar/modules/newRank/js/monthlyRewards.js
View File

@@ -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();