fix: 修复VIP标签显示问题
- 调整VIP标签布局方式,从绝对定位改为flex布局 - 修复VIP标签不显示的问题 - 优化用户名和VIP标签的间距
This commit is contained in:
1 parent
e8d1d3b123
commit
ea736ef03b
1 file changed
+6
-8
@@ -163,8 +163,8 @@ page {
|
||||
}
|
||||
|
||||
.user-name-row {
|
||||
display: inline-flex;
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-bottom: 8rpx;
|
||||
position: relative;
|
||||
@@ -175,16 +175,14 @@ page {
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 1.2;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.vip-tag {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin-left: 6rpx;
|
||||
padding: 1rpx 8rpx;
|
||||
border-radius: 12rpx;
|
||||
padding: 4rpx 16rpx;
|
||||
border-radius: 16rpx;
|
||||
line-height: 1.2;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.vip-tag.normal {
|
||||
|
||||
Reference in new issue
Block a user