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

refactor(body-detail): B-2a index 令牌化——8 处声明色收敛(零观感变化)

- uni.scss §16 新登记 body 伴生档 3 枚:$dim-body-light #FFB366(10 文件)、
  $tint-warm-soft #FFF1E6(6 文件)、$tint-warm-edge #FFE4CC
- index.vue:$c-hairline #eee→$facade-fill-3(47 文件复用)+ 3 枚提全局后回改
- 保留 4 枚本页专有(body-deep/peach/blush/warm,跨页零 style 复用)
- 模板区 canvas-chart 静态属性色不动(非 style 作用域)
- equiv-regression PASS
liaoxg 1 долоо хоног өмнө
parent
commit
2c7e3edb11

+ 4 - 12
cfc-frontend/pages/body-detail/index.vue

@@ -716,20 +716,12 @@ export default {
 <style scoped lang="scss">
 
 // 页面级局部调色板:仅本页专有色阶,跨页共性一律走 uni.scss 全局令牌
-// 身·亮阶(渐变尾)
-$c-body-light: #FFB366;
 $c-tint-peach: #FFF3E8;
 $c-tint-blush: #FFF9F5;
 // 身·深阶(渐变尾)
 $c-body-deep: #FF6B1A;
 // 暖调极浅底
 $c-tint-warm: #FFF5EE;
-// 暖调浅底
-$c-tint-soft: #FFF1E6;
-// 暖调描边
-$c-edge-warm: #FFE4CC;
-// 发丝分隔线
-$c-hairline: #eee;
 
 .body-container {
   min-height: 100vh;
@@ -789,7 +781,7 @@ $c-hairline: #eee;
   width: 52rpx;
   height: 52rpx;
   border-radius: 50%;
-  background: linear-gradient(135deg, $dim-body, $c-body-light);
+  background: linear-gradient(135deg, $dim-body, $dim-body-light);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -982,7 +974,7 @@ $c-hairline: #eee;
 
 .indicator-card.no-data {
   background: $app-surface-subtle;
-  border-color: $c-hairline;
+  border-color: $facade-fill-3;
 }
 
 .indicator-header {
@@ -1268,7 +1260,7 @@ $c-hairline: #eee;
   margin: 0 20rpx 16rpx;
   background: linear-gradient(135deg, $dim-body-tint, $c-tint-peach);
   border-radius: 16rpx;
-  border: 1rpx solid $c-edge-warm;
+  border: 1rpx solid $tint-warm-edge;
 }
 
 .guidance-icon {
@@ -1284,7 +1276,7 @@ $c-hairline: #eee;
 /* ─── 品牌定位语(登录前) ─── */
 .brand-strap {
   margin: 0 24rpx 16rpx;
-  background: linear-gradient(135deg, $c-tint-soft, rgba(255, 140, 66, 0.10));
+  background: linear-gradient(135deg, $tint-warm-soft, rgba(255, 140, 66, 0.10));
   border-radius: 16rpx;
   padding: 20rpx 24rpx;
 }

+ 5 - 0
cfc-frontend/uni.scss

@@ -508,6 +508,11 @@ $dim-mind-light-2: #FF8FB1;  // mind 亮粉·副档(FamilyTianpanCard + family
 $dim-mind-tint-2:  #FFF0F3;  // mind 粉浅底·副档(vs $dim-mind-tint #FFF0F5;FamilyTianpanCard + family-dashboard)
 $mind-accent:      #FF6B35;  // 情绪/成就强调橙(emotion-report + member-mind-detail + index.vue 的 $c-accent 同值)
 
+// ---- 身体(body)维度伴生档(B-2 body-detail 生态收敛时登记)----
+$dim-body-light: #FFB366;  // body 亮档(diet/discover/health 等 10 文件;vs $dim-body #FF8C42)
+$tint-warm-soft: #FFF1E6;  // 暖白浅底(diet 4 + health + body-detail index)
+$tint-warm-edge: #FFE4CC;  // 暖色渐变缘(ai/chat + body-detail index)
+
 // ---- violet 伴生档($facade-violet 的亮阶与浅底)----
 $facade-violet-light: #A78BFA; // violet-400(duo-compatibility + emotion-checkin + member-mind-detail)
 $facade-violet-tint:  #F5F0FF; // violet 浅底(emotion-checkin + innate-portrait + traditional-mirror)