You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.4 KiB
1 lines
3.4 KiB
.ranking-page.data-v-1757c57e{min-height:100vh;background-color:#f5f5f5}.back-button.data-v-1757c57e{position:absolute;top:60rpx;left:30rpx;width:60rpx;height:60rpx;display:flex;align-items:center;justify-content:center;z-index:10}.back-button.data-v-1757c57e:active{background-color:rgba(0,0,0,.5)}.ranking-background.data-v-1757c57e{position:relative;width:100%;height:600rpx}.ranking-background .bg-image.data-v-1757c57e{width:100%;height:100%}.ranking-background .back-button.data-v-1757c57e{position:absolute;top:60rpx;left:30rpx;width:60rpx;height:60rpx;display:flex;align-items:center;justify-content:center;z-index:10}.ranking-background .back-button.data-v-1757c57e:active{background-color:rgba(0,0,0,.5)}.ranking-background .top-three.data-v-1757c57e{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:80rpx}.ranking-background .top-three .rank-item.data-v-1757c57e{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 40rpx}.ranking-background .top-three .rank-item .rank-badge.data-v-1757c57e{width:60rpx;height:60rpx;margin-bottom:10rpx}.ranking-background .top-three .rank-item .avatar.data-v-1757c57e{width:80rpx;height:80rpx;border-radius:50%;margin-bottom:10rpx;border:4rpx solid #fff}.ranking-background .top-three .rank-item .name.data-v-1757c57e{font-size:24rpx;color:#fff;margin-bottom:5rpx;font-weight:700}.ranking-background .top-three .rank-item .score.data-v-1757c57e{font-size:20rpx;color:#fff;opacity:.9}.ranking-background .top-three .rank-first.data-v-1757c57e{-webkit-transform:translateY(-40rpx);transform:translateY(-40rpx)}.ranking-background .top-three .rank-first .avatar.data-v-1757c57e{width:100rpx;height:100rpx}.ranking-background .top-three .rank-first .rank-badge.data-v-1757c57e{width:80rpx;height:80rpx}.ranking-background .top-three .rank-second.data-v-1757c57e{order:-1}.ranking-background .top-three .rank-third.data-v-1757c57e{order:1}.my-ranking.data-v-1757c57e{background:#e1f2ff;border-radius:12rpx;margin:20rpx 30rpx 20rpx 30rpx;padding:30rpx;display:flex;align-items:center;position:relative;z-index:5}.my-ranking .my-rank-number.data-v-1757c57e{font-size:48rpx;font-weight:700;color:#000;margin-right:15rpx}.my-ranking .my-rank-label.data-v-1757c57e{font-size:24rpx;color:#1488db;opacity:.9;margin-right:20rpx}.my-ranking .my-avatar.data-v-1757c57e{width:60rpx;height:60rpx;border-radius:50%;margin-right:15rpx}.my-ranking .my-name.data-v-1757c57e{font-size:28rpx;color:#000;font-weight:500;margin-right:20rpx}.my-ranking .my-score.data-v-1757c57e{font-size:28rpx;color:#1488db}.ranking-list.data-v-1757c57e{padding:40rpx 30rpx;background-color:#fff;margin-top:-40rpx;border-radius:40rpx 40rpx 0 0}.ranking-list .list-item.data-v-1757c57e{display:flex;align-items:center;padding:30rpx 0;border-bottom:1rpx solid #f0f0f0}.ranking-list .list-item.data-v-1757c57e:last-child{border-bottom:none}.ranking-list .list-item .rank-number.data-v-1757c57e{width:60rpx;font-size:32rpx;font-weight:700;color:#333;text-align:center}.ranking-list .list-item .list-avatar.data-v-1757c57e{width:80rpx;height:80rpx;border-radius:50%;margin:0 30rpx}.ranking-list .list-item .user-info.data-v-1757c57e{flex:1}.ranking-list .list-item .user-info .user-name.data-v-1757c57e{font-size:28rpx;color:#333;font-weight:500}.ranking-list .list-item .user-score.data-v-1757c57e{font-size:28rpx;color:#218cdd}
|