修复ui问题
This commit is contained in:
@@ -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 {
|
||||
|
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user