From b005ce51c00f1e8b3d73699b5dc2c94cbae11e09 Mon Sep 17 00:00:00 2001 From: yujiacong <1016029365@qq.com> Date: Tue, 30 Sep 2025 17:06:07 +0800 Subject: [PATCH] =?UTF-8?q?=E8=8D=A3=E8=AA=89=E6=A6=9C=E5=8D=95=20-=20?= =?UTF-8?q?=E4=BF=AE=E6=94=B9=20=E4=BF=84=E8=AF=AD=E5=8C=BA=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E9=94=99=E4=B9=B1=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- view/molistar/modules/newRank/css/index.css | 224 +++++++------------ view/molistar/modules/newRank/css/index.scss | 9 +- 2 files changed, 92 insertions(+), 141 deletions(-) diff --git a/view/molistar/modules/newRank/css/index.css b/view/molistar/modules/newRank/css/index.css index 57becf82..5e00aa2f 100644 --- a/view/molistar/modules/newRank/css/index.css +++ b/view/molistar/modules/newRank/css/index.css @@ -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; +} \ No newline at end of file diff --git a/view/molistar/modules/newRank/css/index.scss b/view/molistar/modules/newRank/css/index.scss index 425e0a13..cb28ab71 100644 --- a/view/molistar/modules/newRank/css/index.scss +++ b/view/molistar/modules/newRank/css/index.scss @@ -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; } } -} \ No newline at end of file +} +.Russian{ + ul li .nick{ + width: 1.7rem; + } +}