修复cp榜单头像异常问题

This commit is contained in:
dragon
2024-11-04 18:38:47 +08:00
parent 0e00fc22fc
commit e7703fda55
2 changed files with 36 additions and 0 deletions

View File

@@ -388,6 +388,7 @@ body {
position: absolute; position: absolute;
top: 1.17333rem; top: 1.17333rem;
left: 2.37333rem; left: 2.37333rem;
border-radius: 50%;
} }
.page1 .content .topBox .top1 .txR { .page1 .content .topBox .top1 .txR {
@@ -396,6 +397,7 @@ body {
position: absolute; position: absolute;
top: 1.17333rem; top: 1.17333rem;
right: 2.37333rem; right: 2.37333rem;
border-radius: 50%;
} }
.page1 .content .topBox .top1 .nameL { .page1 .content .topBox .top1 .nameL {
@@ -463,6 +465,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 0 0.14667rem; padding: 0 0.14667rem;
white-space: nowrap;
} }
.page1 .content .topBox .top1 .sclore img { .page1 .content .topBox .top1 .sclore img {
@@ -506,6 +509,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
left: 0.44rem; left: 0.44rem;
border-radius: 50%;
} }
.page1 .content .topBox .top2 .txR { .page1 .content .topBox .top2 .txR {
@@ -514,6 +518,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
right: 0.44rem; right: 0.44rem;
border-radius: 50%;
} }
.page1 .content .topBox .top2 .nameL { .page1 .content .topBox .top2 .nameL {
@@ -581,6 +586,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 0 0.14667rem; padding: 0 0.14667rem;
white-space: nowrap;
} }
.page1 .content .topBox .top2 .sclore img { .page1 .content .topBox .top2 .sclore img {
@@ -624,6 +630,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
left: 0.44rem; left: 0.44rem;
border-radius: 50%;
} }
.page1 .content .topBox .top3 .txR { .page1 .content .topBox .top3 .txR {
@@ -632,6 +639,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
right: 0.44rem; right: 0.44rem;
border-radius: 50%;
} }
.page1 .content .topBox .top3 .nameL { .page1 .content .topBox .top3 .nameL {
@@ -699,6 +707,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 0 0.14667rem; padding: 0 0.14667rem;
white-space: nowrap;
} }
.page1 .content .topBox .top3 .sclore img { .page1 .content .topBox .top3 .sclore img {
@@ -794,6 +803,7 @@ body {
position: absolute; position: absolute;
top: 1.17333rem; top: 1.17333rem;
left: 2.37333rem; left: 2.37333rem;
border-radius: 50%;
} }
.page2 .content .topBox .top1 .txR { .page2 .content .topBox .top1 .txR {
@@ -802,6 +812,7 @@ body {
position: absolute; position: absolute;
top: 1.17333rem; top: 1.17333rem;
right: 2.37333rem; right: 2.37333rem;
border-radius: 50%;
} }
.page2 .content .topBox .top1 .nameL { .page2 .content .topBox .top1 .nameL {
@@ -869,6 +880,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 0 0.14667rem; padding: 0 0.14667rem;
white-space: nowrap;
} }
.page2 .content .topBox .top1 .sclore img { .page2 .content .topBox .top1 .sclore img {
@@ -912,6 +924,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
left: 0.44rem; left: 0.44rem;
border-radius: 50%;
} }
.page2 .content .topBox .top2 .txR { .page2 .content .topBox .top2 .txR {
@@ -920,6 +933,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
right: 0.44rem; right: 0.44rem;
border-radius: 50%;
} }
.page2 .content .topBox .top2 .nameL { .page2 .content .topBox .top2 .nameL {
@@ -987,6 +1001,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 0 0.14667rem; padding: 0 0.14667rem;
white-space: nowrap;
} }
.page2 .content .topBox .top2 .sclore img { .page2 .content .topBox .top2 .sclore img {
@@ -1030,6 +1045,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
left: 0.44rem; left: 0.44rem;
border-radius: 50%;
} }
.page2 .content .topBox .top3 .txR { .page2 .content .topBox .top3 .txR {
@@ -1038,6 +1054,7 @@ body {
position: absolute; position: absolute;
top: 1.04rem; top: 1.04rem;
right: 0.44rem; right: 0.44rem;
border-radius: 50%;
} }
.page2 .content .topBox .top3 .nameL { .page2 .content .topBox .top3 .nameL {
@@ -1105,6 +1122,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
padding: 0 0.14667rem; padding: 0 0.14667rem;
white-space: nowrap;
} }
.page2 .content .topBox .top3 .sclore img { .page2 .content .topBox .top3 .sclore img {

View File

@@ -397,6 +397,7 @@ body {
position: absolute; position: absolute;
top: px2rem(88); top: px2rem(88);
left: px2rem(178); left: px2rem(178);
border-radius: 50%;
} }
.txR { .txR {
@@ -405,6 +406,7 @@ body {
position: absolute; position: absolute;
top: px2rem(88); top: px2rem(88);
right: px2rem(178); right: px2rem(178);
border-radius: 50%;
} }
.nameL { .nameL {
@@ -473,6 +475,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
padding: 0 px2rem(11); padding: 0 px2rem(11);
white-space: nowrap;
img { img {
display: inline-block; display: inline-block;
@@ -516,6 +519,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
left: px2rem(33); left: px2rem(33);
border-radius: 50%;
} }
.txR { .txR {
@@ -524,6 +528,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
right: px2rem(33); right: px2rem(33);
border-radius: 50%;
} }
.nameL { .nameL {
@@ -592,6 +597,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
padding: 0 px2rem(11); padding: 0 px2rem(11);
white-space: nowrap;
img { img {
display: inline-block; display: inline-block;
@@ -635,6 +641,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
left: px2rem(33); left: px2rem(33);
border-radius: 50%;
} }
.txR { .txR {
@@ -643,6 +650,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
right: px2rem(33); right: px2rem(33);
border-radius: 50%;
} }
.nameL { .nameL {
@@ -711,6 +719,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
padding: 0 px2rem(11); padding: 0 px2rem(11);
white-space: nowrap;
img { img {
display: inline-block; display: inline-block;
@@ -807,6 +816,7 @@ body {
position: absolute; position: absolute;
top: px2rem(88); top: px2rem(88);
left: px2rem(178); left: px2rem(178);
border-radius: 50%;
} }
.txR { .txR {
@@ -815,6 +825,7 @@ body {
position: absolute; position: absolute;
top: px2rem(88); top: px2rem(88);
right: px2rem(178); right: px2rem(178);
border-radius: 50%;
} }
.nameL { .nameL {
@@ -883,6 +894,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
padding: 0 px2rem(11); padding: 0 px2rem(11);
white-space: nowrap;
img { img {
display: inline-block; display: inline-block;
@@ -926,6 +938,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
left: px2rem(33); left: px2rem(33);
border-radius: 50%;
} }
.txR { .txR {
@@ -934,6 +947,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
right: px2rem(33); right: px2rem(33);
border-radius: 50%;
} }
.nameL { .nameL {
@@ -1002,6 +1016,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
padding: 0 px2rem(11); padding: 0 px2rem(11);
white-space: nowrap;
img { img {
display: inline-block; display: inline-block;
@@ -1045,6 +1060,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
left: px2rem(33); left: px2rem(33);
border-radius: 50%;
} }
.txR { .txR {
@@ -1053,6 +1069,7 @@ body {
position: absolute; position: absolute;
top: px2rem(78); top: px2rem(78);
right: px2rem(33); right: px2rem(33);
border-radius: 50%;
} }
.nameL { .nameL {
@@ -1121,6 +1138,7 @@ body {
transform: translateX(-50%); transform: translateX(-50%);
background: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .3);
padding: 0 px2rem(11); padding: 0 px2rem(11);
white-space: nowrap;
img { img {
display: inline-block; display: inline-block;