|
|
@@ -107,54 +107,56 @@
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
- width: 390px;
|
|
|
+ width: 750rpx;
|
|
|
/* margin: 0 auto; */
|
|
|
}
|
|
|
|
|
|
.top {
|
|
|
width: 100%;
|
|
|
height: 10vh;
|
|
|
- padding: 0 36px;
|
|
|
+ padding: 0 60rpx;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.logo {
|
|
|
- width: 91.5px;
|
|
|
- height: 26px;
|
|
|
+ width: 183rpx;
|
|
|
+ height: 52rpx;
|
|
|
}
|
|
|
|
|
|
.right-logo {
|
|
|
- width: 37.5px;
|
|
|
- height: 26px;
|
|
|
+ width: 75rpx;
|
|
|
+ height: 52rpx;
|
|
|
}
|
|
|
|
|
|
.main {
|
|
|
width: 100%;
|
|
|
- height: 90vh;
|
|
|
flex-direction: column;
|
|
|
justify-content: flex-start;
|
|
|
}
|
|
|
|
|
|
.main-content {
|
|
|
- height: 570px;
|
|
|
- margin-top: 20px;
|
|
|
+ /* width: 100%; */
|
|
|
+ /* height: 570px; */
|
|
|
+ margin-top: 25rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ height: 1100rpx;
|
|
|
background-image: url("/static/challenge/success_bg.webp");
|
|
|
background-repeat: no-repeat;
|
|
|
background-position-x: center;
|
|
|
- background-position-y: center;
|
|
|
+ background-position-y: top;
|
|
|
background-size: contain;
|
|
|
}
|
|
|
|
|
|
.rank {
|
|
|
- width: 292px;
|
|
|
- margin-left: 43px;
|
|
|
- margin-top: 386px;
|
|
|
+ width: 530rpx;
|
|
|
+ margin-left: 100rpx;
|
|
|
+ margin-top: 748rpx;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
- width: 125px;
|
|
|
+ width: 246rpx;
|
|
|
/* 确保文本在一行内显示 */
|
|
|
white-space: nowrap;
|
|
|
/* 超出容器部分的文本隐藏起来 */
|
|
|
@@ -162,16 +164,16 @@
|
|
|
/* 使用省略号表示被截断的文本 */
|
|
|
/* text-overflow: ellipsis; */
|
|
|
text-align: center;
|
|
|
- margin-left: 103px;
|
|
|
- margin-top: 19px;
|
|
|
+ margin-left: 196rpx;
|
|
|
+ margin-top: 36rpx;
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: 500;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 36rpx;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.statistic {
|
|
|
- height: 38.8px;
|
|
|
+ height: 73.9rpx;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
@@ -185,26 +187,26 @@
|
|
|
.statistic-title {
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: 500;
|
|
|
- font-size: 23px;
|
|
|
+ font-size: 46rpx;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.statistic-value {
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: 700;
|
|
|
- font-size: 28px;
|
|
|
+ font-size: 56rpx;
|
|
|
color: #ffffff;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.statistic-unit {
|
|
|
font-family: Source Han Sans CN;
|
|
|
- font-size: 20px;
|
|
|
+ font-size: 40rpx;
|
|
|
color: #ffffff;
|
|
|
- padding-left: 5px;
|
|
|
+ padding-left: 10rpx;
|
|
|
}
|
|
|
|
|
|
- .bottom {
|
|
|
+ /* .bottom {
|
|
|
width: 100%;
|
|
|
flex-direction: row;
|
|
|
justify-content: space-between;
|
|
|
@@ -222,7 +224,7 @@
|
|
|
justify-content: center;
|
|
|
}
|
|
|
|
|
|
- /*.medal {
|
|
|
+ .medal {
|
|
|
width: 78px;
|
|
|
height: 81px;
|
|
|
margin-right: 10px;
|