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
+50 -7
View File
@@ -474,7 +474,8 @@
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 8rpx;
/* 8rpx 原间距 + 24rpx 原 completion-label 的 margin-bottom,删除标签后合并到这里 */
margin-bottom: 32rpx;
}
.completion-number {
@@ -499,12 +500,6 @@
margin-left: 8rpx;
}
.completion-label {
font-size: 26rpx;
color: var(--text-secondary);
margin-bottom: 24rpx;
}
.completion-overtime {
display: flex;
align-items: baseline;
@@ -552,6 +547,54 @@
font-weight: 500;
}
.completion-tip {
width: 100%;
box-sizing: border-box;
background: rgba(var(--primary-rgb), 0.08);
border-radius: 20rpx;
padding: 20rpx 24rpx;
margin-bottom: 28rpx;
animation: tipIn 0.4s ease 1.0s both;
}
@keyframes tipIn {
0% { opacity: 0; transform: translateY(12rpx); }
100% { opacity: 1; transform: translateY(0); }
}
.completion-tip-value {
display: block;
font-size: 26rpx;
line-height: 1.5;
color: var(--text);
font-weight: 500;
}
.completion-tip-risk {
display: flex;
align-items: flex-start;
gap: 8rpx;
margin-top: 10rpx;
}
.completion-tip-risk-tag {
flex-shrink: 0;
font-size: 22rpx;
line-height: 1.4;
color: var(--primary);
background: rgba(var(--primary-rgb), 0.14);
border-radius: 8rpx;
padding: 2rpx 10rpx;
margin-top: 2rpx;
}
.completion-tip-risk-text {
flex: 1;
font-size: 24rpx;
line-height: 1.5;
color: var(--text-secondary);
}
.completion-actions {
display: flex;
gap: 20rpx;