style: 优化用户信息区域布局
- 头像、用户名、金币都水平居中显示 - 会员标签与用户名顶端对齐(使用inline-flex和相同line-height) - 移除position: relative和top偏移
This commit is contained in:
1 parent
c06c63f1cf
commit
3b99719a4c
1 file changed
+3
-1
@@ -163,7 +163,7 @@ page {
|
||||
}
|
||||
|
||||
.user-name-row {
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
margin-bottom: 8rpx;
|
||||
@@ -173,12 +173,14 @@ page {
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.vip-tag {
|
||||
margin-left: 6rpx;
|
||||
padding: 1rpx 8rpx;
|
||||
border-radius: 12rpx;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.vip-tag.normal {
|
||||
|
||||
Reference in new issue
Block a user