Эх сурвалжийг харах

feat(indicators): 身体指标卡片展示较上次变化 delta/trend

- bodyIndicators 卡片值旁新增 delta 徽标(▲/▼ + 较上次±x)
- 配色沿用 overview 卡 trend-up/down/stable 约定
- 数据来自 /api/health/indicators 新增的 trendDesc/delta/trend 字段
Xiaogang Liao 1 долоо хоног өмнө
parent
commit
df80c1cd69

+ 14 - 0
cfc-frontend/pages/body-detail/index.vue

@@ -143,6 +143,10 @@
                 {{ ind.value || formatNumeric(ind.numericValue) }}
               </text>
               <text class="indicator-placeholder" v-else>暂无数据</text>
+              <text class="indicator-delta" v-if="ind.trendDesc"
+                    :class="ind.trend === 'up' ? 'trend-up' : ind.trend === 'down' ? 'trend-down' : 'trend-stable'">
+                {{ ind.trend === 'up' ? '▲' : ind.trend === 'down' ? '▼' : '─' }}{{ ind.trendDesc }}
+              </text>
             </view>
             <view class="indicator-footer">
               <text class="indicator-range" v-if="ind.refRange">参考范围: {{ ind.refRange }}</text>
@@ -929,6 +933,16 @@ $c-hairline: #eee;
 
 .indicator-body {
   margin-bottom: 6rpx;
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+}
+
+.indicator-delta {
+  font-size: 20rpx;
+  font-weight: 500;
+  flex-shrink: 0;
+  margin-left: 8rpx;
 }
 
 .indicator-value {