style(mobile): 优化候选人和成长页视觉细节

统一候选人、主管、案例、学习和我的成长页面中的状态色、徽标与摘要卡样式,不改变原有数据流和交互逻辑。
This commit is contained in:
2026-07-11 01:13:57 +08:00
parent 78859899f3
commit 19788bedb0
6 changed files with 158 additions and 52 deletions
+27 -3
View File
@@ -26,15 +26,15 @@
</view>
<view v-if="loggedIn" class="learning-summary">
<view class="summary-item">
<view class="summary-item pending">
<text class="summary-value">{{ pendingCount }}</text>
<text class="summary-label">待完成</text>
</view>
<view class="summary-item">
<view class="summary-item completed">
<text class="summary-value">{{ completedCount }}</text>
<text class="summary-label">今日完成</text>
</view>
<view class="summary-item">
<view class="summary-item reference">
<text class="summary-value">{{ referenceCount }}</text>
<text class="summary-label">知识引用</text>
</view>
@@ -352,6 +352,30 @@ onShow(() => {
background: #eff6ff;
}
.summary-item.pending {
background: #fff0f1;
border-color: #fee2e2;
}
.summary-item.pending .summary-value {
color: #bd0010;
}
.summary-item.completed {
background: #edf7f0;
border-color: #dcfce7;
}
.summary-item.completed .summary-value {
color: #168243;
}
.summary-item.reference {
background: #eff6ff;
border-color: #dbeafe;
}
.summary-item.reference .summary-value {
color: #1d4ed8;
}
.summary-value {
display: block;
color: #1d4ed8;