style(mobile): 优化候选人和成长页视觉细节
统一候选人、主管、案例、学习和我的成长页面中的状态色、徽标与摘要卡样式,不改变原有数据流和交互逻辑。
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user