房间日流水 - 修改样式

This commit is contained in:
2025-09-18 15:58:25 +08:00
parent 823bf51ce3
commit 50fffbdd76
3 changed files with 10 additions and 16 deletions

View File

@@ -18,6 +18,7 @@ body {
color: #FFFFFF; color: #FFFFFF;
font-size: 0.5066666667rem; font-size: 0.5066666667rem;
font-weight: bold; font-weight: bold;
z-index: 1;
} }
.back img { .back img {
width: 0.5866666667rem; width: 0.5866666667rem;
@@ -133,11 +134,10 @@ body {
font-size: 0.4266666667rem; font-size: 0.4266666667rem;
color: #FFFBD1; color: #FFFBD1;
line-height: 0.4266666667rem; line-height: 0.4266666667rem;
text-stroke: 0.0266666667rem #000000;
-webkit-text-stroke: 0.0266666667rem #000000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 2;
} }
.ranking_list .kuang_top .Yesterday_box { .ranking_list .kuang_top .Yesterday_box {
background-image: url("../images/Yesterday_bg.png"); background-image: url("../images/Yesterday_bg.png");
@@ -152,11 +152,10 @@ body {
font-size: 0.4266666667rem; font-size: 0.4266666667rem;
color: #FFFBD1; color: #FFFBD1;
line-height: 0.4266666667rem; line-height: 0.4266666667rem;
text-stroke: 0.0266666667rem #000000;
-webkit-text-stroke: 0.0266666667rem #000000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 2;
} }
.ranking_list .kuang_top .active_day { .ranking_list .kuang_top .active_day {
background-image: url("../images/Today_bg.png"); background-image: url("../images/Today_bg.png");
@@ -411,6 +410,7 @@ body {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 0.2933333333rem 0.2666666667rem 0.6666666667rem; padding: 0.2933333333rem 0.2666666667rem 0.6666666667rem;
z-index: 2;
} }
.my_box .my_info { .my_box .my_info {
display: flex; display: flex;
@@ -719,8 +719,6 @@ body {
font-size: 0.4266666667rem; font-size: 0.4266666667rem;
color: #FFFBD1; color: #FFFBD1;
line-height: 0.4266666667rem; line-height: 0.4266666667rem;
text-stroke: 0.0266666667rem #000000;
-webkit-text-stroke: 0.0266666667rem #000000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@@ -24,7 +24,7 @@ body {
color: #FFFFFF; color: #FFFFFF;
font-size: px2rem(38); font-size: px2rem(38);
font-weight: bold; font-weight: bold;
z-index: 1;
img { img {
width: px2rem(44); width: px2rem(44);
height: px2rem(44); height: px2rem(44);
@@ -150,11 +150,10 @@ body {
font-size: px2rem(32); font-size: px2rem(32);
color: #FFFBD1; color: #FFFBD1;
line-height: px2rem(32); line-height: px2rem(32);
text-stroke: px2rem(2) #000000;
-webkit-text-stroke: px2rem(2) #000000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 2;
} }
.Yesterday_box { .Yesterday_box {
@@ -170,11 +169,10 @@ body {
font-size: px2rem(32); font-size: px2rem(32);
color: #FFFBD1; color: #FFFBD1;
line-height: px2rem(32); line-height: px2rem(32);
text-stroke: px2rem(2) #000000;
-webkit-text-stroke: px2rem(2) #000000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 2;
} }
.active_day { .active_day {
@@ -471,7 +469,7 @@ body {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: px2rem(22) px2rem(20) px2rem(50); padding: px2rem(22) px2rem(20) px2rem(50);
z-index: 2;
.my_info { .my_info {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -823,8 +821,6 @@ body {
font-size: px2rem(32); font-size: px2rem(32);
color: #FFFBD1; color: #FFFBD1;
line-height: px2rem(32); line-height: px2rem(32);
text-stroke: px2rem(2) #000000;
-webkit-text-stroke: px2rem(2) #000000;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@@ -199,13 +199,13 @@ function getRoomData(isToday) {
res.data.top10RankList.forEach(item => { res.data.top10RankList.forEach(item => {
str += ` str += `
<div class="rank_box"> <div class="rank_box">
<div class="top_ranking">top${item.ranking}</div> <div class="top_ranking">TOP${item.ranking}</div>
<div class="left"> <div class="left">
<img src="${item.avatar}" alt="" /> <img src="${item.avatar}" alt="" />
</div> </div>
<div class="right"> <div class="right">
<div class="nick">${item.nick}</div> <div class="nick">${item.nick}</div>
<div class="erban">${item.erbanNo}</div> <div class="erban">ID:${item.erbanNo}</div>
<div class="Contribution_Value">${langReplace(localLang.demoModule.Contribution_Value)+':'+item.score}</div> <div class="Contribution_Value">${langReplace(localLang.demoModule.Contribution_Value)+':'+item.score}</div>
<div class="Target_Coins_box"> <div class="Target_Coins_box">
<span class="Target_Coins">${langReplace(localLang.demoModule.Target_Coins)+':'+item.myReward}</span> <span class="Target_Coins">${langReplace(localLang.demoModule.Target_Coins)+':'+item.myReward}</span>