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

样式优化

Browse Source
This commit is contained in:
dragon
2025-02-07 18:47:53 +08:00
parent 33d7fbeca1
commit 17a4511547
3 changed files with 51 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
view/molistar/activity/ssGuild/css/index.css
View File

@@ -206,7 +206,7 @@ body::-webkit-scrollbar {
}
.page1 .page1_in .t .top1 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -223,7 +223,7 @@ body::-webkit-scrollbar {
.page1 .page1_in .t .top1 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -271,7 +271,7 @@ body::-webkit-scrollbar {
}
.page1 .page1_in .t .top2 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -288,7 +288,7 @@ body::-webkit-scrollbar {
.page1 .page1_in .t .top2 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -301,7 +301,7 @@ body::-webkit-scrollbar {
.page1 .page1_in .t .top2 .score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.34667rem;
font-weight: 400;
position: absolute;
@@ -349,7 +349,7 @@ body::-webkit-scrollbar {
}
.page1 .page1_in .t .top3 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -366,7 +366,7 @@ body::-webkit-scrollbar {
.page1 .page1_in .t .top3 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -379,7 +379,7 @@ body::-webkit-scrollbar {
.page1 .page1_in .t .top3 .score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.34667rem;
font-weight: 400;
position: absolute;
@@ -735,7 +735,7 @@ body::-webkit-scrollbar {
}
.page2 .c .top1 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -752,7 +752,7 @@ body::-webkit-scrollbar {
.page2 .c .top1 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -800,7 +800,7 @@ body::-webkit-scrollbar {
}
.page2 .c .top2 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -817,7 +817,7 @@ body::-webkit-scrollbar {
.page2 .c .top2 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -830,7 +830,7 @@ body::-webkit-scrollbar {
.page2 .c .top2 .score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.34667rem;
font-weight: 400;
position: absolute;
@@ -878,7 +878,7 @@ body::-webkit-scrollbar {
}
.page2 .c .top3 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -895,7 +895,7 @@ body::-webkit-scrollbar {
.page2 .c .top3 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -908,7 +908,7 @@ body::-webkit-scrollbar {
.page2 .c .top3 .score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.34667rem;
font-weight: 400;
position: absolute;
@@ -1162,7 +1162,7 @@ body::-webkit-scrollbar {
}
.page3 .c .top1 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -1179,7 +1179,7 @@ body::-webkit-scrollbar {
.page3 .c .top1 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -1227,7 +1227,7 @@ body::-webkit-scrollbar {
}
.page3 .c .top2 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -1244,7 +1244,7 @@ body::-webkit-scrollbar {
.page3 .c .top2 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -1257,7 +1257,7 @@ body::-webkit-scrollbar {
.page3 .c .top2 .score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.34667rem;
font-weight: 400;
position: absolute;
@@ -1305,7 +1305,7 @@ body::-webkit-scrollbar {
}
.page3 .c .top3 .name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: 0.4rem;
font-weight: 500;
@@ -1322,7 +1322,7 @@ body::-webkit-scrollbar {
.page3 .c .top3 .id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.37333rem;
font-weight: 400;
position: absolute;
@@ -1335,7 +1335,7 @@ body::-webkit-scrollbar {
.page3 .c .top3 .score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: 0.34667rem;
font-weight: 400;
position: absolute;

48
view/molistar/activity/ssGuild/css/index.scss
View File

@@ -213,7 +213,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -230,7 +230,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -278,7 +278,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -295,7 +295,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -308,7 +308,7 @@ body {
.score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(26);
font-weight: 400;
position: absolute;
@@ -356,7 +356,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -373,7 +373,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -386,7 +386,7 @@ body {
.score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(26);
font-weight: 400;
position: absolute;
@@ -743,7 +743,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -760,7 +760,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -808,7 +808,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -825,7 +825,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -838,7 +838,7 @@ body {
.score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(26);
font-weight: 400;
position: absolute;
@@ -886,7 +886,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -903,7 +903,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -916,7 +916,7 @@ body {
.score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(26);
font-weight: 400;
position: absolute;
@@ -1170,7 +1170,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -1187,7 +1187,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -1235,7 +1235,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -1252,7 +1252,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -1265,7 +1265,7 @@ body {
.score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(26);
font-weight: 400;
position: absolute;
@@ -1313,7 +1313,7 @@ body {
}
.name {
width: 90%;
width: 53%;
color: #FFEDBA;
font-size: px2rem(30);
font-weight: 500;
@@ -1330,7 +1330,7 @@ body {
.id {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(28);
font-weight: 400;
position: absolute;
@@ -1343,7 +1343,7 @@ body {
.score {
color: #FFEDBA;
width: 90%;
width: 53%;
font-size: px2rem(26);
font-weight: 400;
position: absolute;

3
view/molistar/activity/ssGuild/js/index.js
View File

@@ -211,6 +211,9 @@ function quarterFun(res) {
$(`.page2 .c .top${i + 1} .score`).hide();
$(`.page2 .c .top${i + 1} .leve`).hide();
} else {
$(`.page2 .c .top${i + 1} .id`).show();
$(`.page2 .c .top${i + 1} .score`).show();
$(`.page2 .c .top${i + 1} .leve`).show();
$(`.page2 .c .top${i + 1} .leve`).attr('src', `./images/${res.markScore}.png`);
$(`.page2 .c .top${i + 1} .score`).text(`${localLang.demoModule.text18}:` + unitProcessingAr(res.diffNum, 1));
$(`.page2 .c .top${i + 1} .id`).text('ID:' + res.ownerErbanNo);