fix: 修复vip-tag不显示的问题
- 移除绝对定位,改为flex布局 - vip-tag作为user-name-row的子元素正常显示 - 用户名和会员标签顶端对齐
This commit is contained in:
1 parent
2892747d6e
commit
d454b7cab9
1 file changed
+4
-7
@@ -163,11 +163,10 @@ page {
|
||||
}
|
||||
|
||||
.user-name-row {
|
||||
display: inline-flex;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
padding-right: 80rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.username {
|
||||
@@ -178,9 +177,7 @@ page {
|
||||
}
|
||||
|
||||
.vip-tag {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin-left: 8rpx;
|
||||
padding: 1rpx 8rpx;
|
||||
border-radius: 12rpx;
|
||||
line-height: 1.2;
|
||||
@@ -207,7 +204,7 @@ page {
|
||||
}
|
||||
|
||||
.vip-tag-text {
|
||||
font-size: 18rpx;
|
||||
font-size: 16rpx;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user