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

荣誉榜单 - 修改 俄语区样式错乱问题

Browse Source
This commit is contained in:
yujiacong
2025-09-30 17:06:07 +08:00
parent a2ee0e57be
commit b005ce51c0
2 changed files with 92 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
view/molistar/modules/newRank/css/index.css
View File

@@ -7,37 +7,35 @@ body {
.back {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
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: 1.12rem;
@@ -84,104 +81,94 @@ body {
display: flex;
justify-content: space-between;
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.32rem;
height: 1.12rem;
color: #FFF8C2;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
text-align: center;
}
.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: url(../images/tabAct.png) no-repeat;
background-size: 100% 100%;
}
.header .tabBox .act span {
display: block;
}
.header .sTab {
position: absolute;
min-width: 4.8rem;
height: 0.73333rem;
height: 0.7333333333rem;
top: 3.6rem;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.5);
border-radius: 0.74667rem;
border-radius: 0.7466666667rem;
display: flex;
justify-content: space-between;
overflow: hidden;
z-index: 4;
}
.header .sTab div {
min-width: 2.26667rem;
height: 0.74667rem;
line-height: 0.74667rem;
border-radius: 0.74667rem;
min-width: 2.2666666667rem;
height: 0.7466666667rem;
line-height: 0.7466666667rem;
border-radius: 0.7466666667rem;
color: #FFF8C2;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 500;
text-align: center;
}
.header .sTab .act {
color: #000;
background: url(../images/butAct.png) no-repeat;
background-size: 100% 100%;
}
.header .monthlyRewards {
width: 3.46667rem;
height: 3.86667rem;
width: 3.4666666667rem;
height: 3.8666666667rem;
z-index: 3;
position: absolute;
top: 3.69333rem;
top: 3.6933333333rem;
right: -0.5rem;
background: url(../images/Rewards_icon.png) no-repeat;
background-size: 100% 100%;
color: #000;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
font-weight: 500;
display: none;
}
.header .monthlyRewards p {
position: absolute;
width: 100%;
text-align: center;
right: 0;
top: 2.69333rem;
top: 2.6933333333rem;
}
.header .monthlyRewards b {
position: absolute;
width: 100%;
@@ -189,24 +176,21 @@ body {
right: 0;
top: 3.08rem;
}
.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%;
@@ -215,35 +199,32 @@ body {
top: 0;
z-index: 2;
}
.header .top .top1 .tx {
width: 2.77333rem;
height: 2.74667rem;
width: 2.7733333333rem;
height: 2.7466666667rem;
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%;
@@ -252,13 +233,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%);
@@ -269,26 +249,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%;
@@ -297,17 +273,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;
@@ -316,47 +290,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%;
@@ -365,17 +335,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;
@@ -384,32 +352,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;
@@ -418,19 +384,18 @@ body {
.header1 {
background: url(../images/header1.png) no-repeat;
background-size: 100% 14.26667rem;
background-size: 100% 14.2666666667rem;
}
.header2 {
background: url(../images/header2.png) no-repeat;
background-size: 100% 14.26667rem;
background-size: 100% 14.2666666667rem;
}
.header3 {
background: url(../images/header3.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 {
@@ -439,9 +404,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 {
@@ -456,11 +420,9 @@ ul {
box-sizing: border-box;
overflow-y: scroll;
}
ul::-webkit-scrollbar {
display: none;
}
ul li {
width: 100%;
height: 2rem;
@@ -469,36 +431,33 @@ ul li {
background-size: 100% 100%;
position: relative;
}
ul li .seqNo {
width: 0.88rem;
height: 1.05333rem;
line-height: 1.05333rem;
height: 1.0533333333rem;
line-height: 1.0533333333rem;
text-align: center;
color: #000;
font-size: 0.50667rem;
font-size: 0.5066666667rem;
font-weight: 600;
position: absolute;
top: -0.10667rem;
left: 0.82667rem;
top: -0.1066666667rem;
left: 0.8266666667rem;
background: url(../images/num.png) no-repeat;
background-size: 100% 100%;
}
ul li .tx {
display: block;
float: left;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
margin-left: 1.94667rem;
margin-left: 1.9466666667rem;
margin-right: 0.24rem;
margin-top: 0.41333rem;
border: 0.02667rem solid #FFF8C2;
margin-top: 0.4133333333rem;
border: 0.0266666667rem solid #FFF8C2;
}
ul li .nick {
width: 2.5rem;
width: 2rem;
height: 2rem;
line-height: 2rem;
overflow: hidden;
@@ -506,27 +465,24 @@ ul li .nick {
text-overflow: ellipsis;
float: left;
color: #FFF8C2;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 500;
}
ul li .score {
height: 2rem;
line-height: 2rem;
float: right;
color: #FFF8C2;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
font-weight: 400;
margin-right: 1.17333rem;
margin-right: 1.1733333333rem;
}
ul li .score img {
display: inline-block;
width: 0.4rem;
height: 0.4rem;
vertical-align: middle;
}
ul li .score span,
ul li .score b {
vertical-align: middle;
@@ -548,39 +504,35 @@ ul li .score b {
transform: translateX(-50%);
bottom: 0;
}
.my .box {
width: 100%;
height: 100%;
position: relative;
}
.my .box .seqNo {
width: 0.88rem;
height: 1.05333rem;
line-height: 1.05333rem;
height: 1.0533333333rem;
line-height: 1.0533333333rem;
text-align: center;
color: #000;
font-size: 0.50667rem;
font-size: 0.5066666667rem;
font-weight: 600;
position: absolute;
top: -0.10667rem;
left: 0.82667rem;
top: -0.1066666667rem;
left: 0.8266666667rem;
background: url(../images/num.png) no-repeat;
background-size: 100% 100%;
}
.my .box .tx {
display: block;
float: left;
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
margin-left: 1.94667rem;
margin-left: 1.9466666667rem;
margin-right: 0.24rem;
margin-top: 0.41333rem;
margin-top: 0.4133333333rem;
}
.my .box .nick {
width: 2.5rem;
height: 2rem;
@@ -590,27 +542,24 @@ ul li .score b {
text-overflow: ellipsis;
float: left;
color: #FFF8C2;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 500;
}
.my .box .score {
height: 2rem;
line-height: 2rem;
float: right;
color: #FFF8C2;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
font-weight: 400;
margin-right: 1.17333rem;
margin-right: 1.1733333333rem;
}
.my .box .score img {
display: inline-block;
width: 0.4rem;
height: 0.4rem;
vertical-align: middle;
}
.my .box .score span,
.my .box .score b {
vertical-align: middle;
@@ -620,40 +569,37 @@ ul li .score b {
left: auto;
right: 0.82667rem;
}
.arabic ul li .tx {
float: right;
margin-left: 0.24rem;
margin-right: 1.94667rem;
}
.arabic ul li .nick {
float: right;
}
.arabic ul li .score {
float: left;
margin-right: 0;
margin-left: 1.17333rem;
}
.arabic .my .box .seqNo {
left: auto;
right: 0.82667rem;
}
.arabic .my .box .tx {
float: right;
margin-left: 0.24rem;
margin-right: 1.94667rem;
}
.arabic .my .box .nick {
float: right;
}
.arabic .my .box .score {
float: left;
margin-right: 0;
margin-left: 1.17333rem;
}
.Russian ul li .nick {
width: 1.7rem;
}

9
view/molistar/modules/newRank/css/index.scss
View File

@@ -540,7 +540,7 @@ ul {
}
.nick {
width: 2.5rem;
width: 2rem;
height: px2rem(150);
line-height: px2rem(150);
overflow: hidden;
@@ -720,4 +720,9 @@ ul {
margin-left: 1.17333rem;
}
}
}
}
.Russian{
ul li .nick{
width: 1.7rem;
}
}