feat: 排行榜虚拟领奖台 + 勋章对齐与尺寸统一

- 领奖台数据不足 3 名时显示虚拟空位(虚线轮廓+虚位以待)
- 领奖台勋章与昵称对齐改为等高盒结构性修复(移除 margin 盲推)
- 全 app 成就勋章图标尺寸统一为 30rpx(前三名/列表/设置页/记录页一致)
- 勋章 SVG 按包围盒精确居中(utils/icons.js)
- 设置页/记录页勋章展示配套调整
This commit is contained in:
2026-08-04 11:23:48 +08:00
parent bce796d893
commit b52db87ddf
17 changed files with 690 additions and 67 deletions
+25
View File
@@ -380,6 +380,31 @@
text-overflow: ellipsis;
}
/* 昵称 + 已解锁勋章横排。昵称可收缩省略,勋章组固定宽度不挤压 */
.profile-name-row {
display: flex;
align-items: center;
gap: 10rpx;
min-width: 0;
}
.profile-name-row .profile-name {
flex: 0 1 auto;
min-width: 0;
}
.profile-badges {
display: flex;
align-items: center;
gap: 4rpx;
flex-shrink: 0;
}
.profile-badge {
width: 30rpx;
height: 30rpx;
}
.profile-sub {
font-size: 22rpx;
color: var(--text-secondary);