style: 优化用户信息显示布局

- 用户名和会员标签在同一行水平居中显示
- 会员标签紧跟用户名右侧
- 头像、用户名+会员标签、金币都居中对齐
This commit is contained in:
H1d3rOne committed 2026-03-08 04:39:54 +08:00
1 parent d454b7cab9
commit bd17df8397
1 file changed
+4 -7
+4 -7
View File
@@ -163,24 +163,21 @@ page {
}
.user-name-row {
display: flex;
align-items: flex-start;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 8rpx;
}
.username {
font-size: 36rpx;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
}
.vip-tag {
margin-left: 8rpx;
padding: 1rpx 8rpx;
padding: 2rpx 10rpx;
border-radius: 12rpx;
line-height: 1.2;
}
.vip-tag.normal {
@@ -204,7 +201,7 @@ page {
}
.vip-tag-text {
font-size: 16rpx;
font-size: 18rpx;
font-weight: 500;
color: #ffffff;
}