style: 优化用户信息显示布局
- 用户名和会员标签在同一行水平居中显示 - 会员标签紧跟用户名右侧 - 头像、用户名+会员标签、金币都居中对齐
This commit is contained in:
1 parent
d454b7cab9
commit
bd17df8397
1 file changed
+4
-7
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user