修复ui问题

This commit is contained in:
dragon
2024-09-02 14:18:14 +08:00
parent 883116d043
commit b31d24178a
2 changed files with 42 additions and 27 deletions

View File

@@ -125,7 +125,7 @@ body {
}
.lastTop .title {
width: 10rem;
width: 7.6rem;
height: 1.86667rem;
line-height: 2.13333rem;
text-align: center;
@@ -175,15 +175,16 @@ body {
}
.lastTop .topBox .top .score {
width: 2rem;
height: 0.42667rem;
border-radius: 0.42667rem;
text-align: center;
text-align: left;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 2.94667rem;
left: 50%;
transform: translateX(-50%);
padding: 0 0.13333rem 0 0;
white-space: nowrap;
}
.lastTop .topBox .top .score img {
@@ -376,15 +377,16 @@ body {
}
.weeekListTop .thisTop .topBox .top .score {
width: 2rem;
height: 0.42667rem;
border-radius: 0.42667rem;
text-align: center;
text-align: left;
padding: 0 0.13333rem 0 0;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 2.94667rem;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.weeekListTop .thisTop .topBox .top .score img {
@@ -453,7 +455,8 @@ body {
width: 10rem;
background: url(../images/middle.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin: -1rem auto 0;
position: relative;
}
.list ul {
@@ -468,7 +471,7 @@ body {
background-size: 100% 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 0.41333rem;
padding: 0 0.72rem;
margin-bottom: 0.26667rem;
}
@@ -522,14 +525,15 @@ body {
}
.list ul li .score {
min-width: 1.77333rem;
height: 0.42667rem;
line-height: 0.42667rem;
border-radius: 0.42667rem;
text-align: left;
padding: 0 0.13333rem 0 0;
border-radius: 0.42667rem;
background: rgba(255, 255, 255, 0.1);
margin-top: 0.78667rem;
float: right;
text-align: center;
white-space: nowrap;
}
.list ul li .score img {
@@ -645,14 +649,14 @@ body {
}
.my .myInfo .score {
min-width: 1.77333rem;
height: 0.42667rem;
line-height: 0.42667rem;
border-radius: 0.42667rem;
text-align: left;
padding: 0 0.13333rem 0 0;
background: rgba(255, 255, 255, 0.1);
margin-top: 0.78667rem;
float: right;
text-align: center;
white-space: nowrap;
}
.my .myInfo .score img {

View File

@@ -129,7 +129,7 @@ body {
padding-top: 2.1rem;
.title {
width: px2rem(750);
width: px2rem(570);
height: px2rem(140);
line-height: px2rem(160);
text-align: center;
@@ -177,15 +177,17 @@ body {
}
.score {
width: px2rem(150);
// width: px2rem(150);
height: px2rem(32);
border-radius: px2rem(32);
text-align: center;
text-align: left;
background: rgba(0, 0, 0, .3);
position: absolute;
top: px2rem(221);
left: 50%;
transform: translateX(-50%);
padding: 0 px2rem(10) 0 0;
white-space: nowrap;
img {
width: px2rem(32);
@@ -379,15 +381,17 @@ body {
}
.score {
width: px2rem(150);
// width: px2rem(150);
height: px2rem(32);
border-radius: px2rem(32);
text-align: center;
text-align: left;
padding: 0 px2rem(10) 0 0;
background: rgba(0, 0, 0, .3);
position: absolute;
top: px2rem(221);
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
img {
width: px2rem(32);
@@ -460,7 +464,8 @@ body {
width: px2rem(750);
background: url(../images/middle.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
margin: -1rem auto 0;
position: relative;
ul {
width: px2rem(670);
@@ -473,11 +478,13 @@ body {
background-size: 100% 100%;
overflow: hidden;
box-sizing: border-box;
padding: 0 px2rem(31);
padding: 0 px2rem(54);
margin-bottom: px2rem(20);
&:last-child{
&:last-child {
margin-bottom: 0;
}
.num {
width: px2rem(60);
height: 100%;
@@ -524,14 +531,16 @@ body {
}
.score {
min-width: px2rem(133);
// width: px2rem(150);
height: px2rem(32);
line-height: px2rem(32);
border-radius: px2rem(32);
text-align: left;
padding: 0 px2rem(10) 0 0;
border-radius: px2rem(32);
background: rgba(255, 255, 255, .1);
margin-top: px2rem(59);
float: right;
text-align: center;
white-space: nowrap;
img {
width: px2rem(32);
@@ -648,14 +657,15 @@ body {
}
.score {
min-width: px2rem(133);
// width: px2rem(150);
height: px2rem(32);
line-height: px2rem(32);
border-radius: px2rem(32);
text-align: left;
padding: 0 px2rem(10) 0 0;
background: rgba(255, 255, 255, .1);
margin-top: px2rem(59);
float: right;
text-align: center;
white-space: nowrap;
img {
width: px2rem(32);
@@ -782,6 +792,7 @@ body {
.ts2 {
top: 20.5rem;
}
.ts3 {
top: 29.7rem;
}