Просмотр исходного кода

refactor(body-detail): B-2d dimension-detail 令牌化 + 旧蓝族 -legacy-blue 登记(零观感变化)

- style 块 25 处 hex 全映射全局令牌:旧蓝族 9 处(C-2 待翻转标记)+ 文字/填充 16 处
- uni.scss §16 登记旧蓝族 3 枚(#4A9BD7 16 文件/#63B3ED 2 文件/#F5FAFE 22 文件,原值令牌化打 C-2 标记)
- 补 lang="scss";脚本区 canvas 7 处运行时色按纪律保持原样
- equiv-regression PASS
liaoxg 1 неделя назад
Родитель
Сommit
101b24a042
2 измененных файлов с 29 добавлено и 24 удалено
  1. 24 24
      cfc-frontend/pages/body-detail/dimension-detail.vue
  2. 5 0
      cfc-frontend/uni.scss

+ 24 - 24
cfc-frontend/pages/body-detail/dimension-detail.vue

@@ -339,10 +339,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .dd-container {
   min-height: 100vh;
-  background: #F5FAFE;
+  background: $brand-legacy-blue-tint;
   padding-bottom: 100rpx;
 }
 .dd-loading {
@@ -353,13 +353,13 @@ export default {
 }
 .loading-text {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .dd-header {
-  background: linear-gradient(135deg, #4A9BD7, #63B3ED);
+  background: linear-gradient(135deg, $brand-legacy-blue, $brand-legacy-blue-light);
   padding: 60rpx 0;
   text-align: center;
-  color: #fff;
+  color: $app-surface;
 }
 .dd-score-ring {
   width: 160rpx;
@@ -395,7 +395,7 @@ export default {
   background: rgba(255,255,255,0.2);
 }
 .dd-section {
-  background: #fff;
+  background: $app-surface;
   margin: 20rpx 30rpx;
   border-radius: 20rpx;
   padding: 30rpx;
@@ -404,7 +404,7 @@ export default {
 .dd-section-title {
   font-size: 32rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 20rpx;
   display: block;
 }
@@ -422,11 +422,11 @@ export default {
 }
 .empty-text {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .empty-sub {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-top: 10rpx;
 }
 .dd-percentile-wrap {
@@ -436,11 +436,11 @@ export default {
 .dd-percentile-value {
   font-size: 48rpx;
   font-weight: 700;
-  color: #4A9BD7;
+  color: $brand-legacy-blue;
 }
 .dd-percentile-label {
   font-size: 26rpx;
-  color: #888;
+  color: $facade-text-faint;
   margin-top: 10rpx;
   display: block;
 }
@@ -448,7 +448,7 @@ export default {
   display: flex;
   align-items: flex-start;
   padding: 16rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .dd-suggestion-item:last-child {
   border-bottom: none;
@@ -456,8 +456,8 @@ export default {
 .dd-sug-num {
   width: 40rpx;
   height: 40rpx;
-  background: #4A9BD7;
-  color: #fff;
+  background: $brand-legacy-blue;
+  color: $app-surface;
   border-radius: 50%;
   text-align: center;
   line-height: 40rpx;
@@ -468,14 +468,14 @@ export default {
 }
 .dd-sug-text {
   font-size: 28rpx;
-  color: #555;
+  color: $facade-text-deep;
   line-height: 1.6;
   flex: 1;
 }
 .dd-product-item {
   display: flex;
   padding: 20rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .dd-product-item:last-child {
   border-bottom: none;
@@ -486,7 +486,7 @@ export default {
   border-radius: 12rpx;
   margin-right: 20rpx;
   flex-shrink: 0;
-  background: #f0f0f0;
+  background: $facade-fill;
 }
 .dd-prod-info {
   flex: 1;
@@ -496,12 +496,12 @@ export default {
 }
 .dd-prod-name {
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
   font-weight: 500;
 }
 .dd-prod-price {
   font-size: 30rpx;
-  color: #FF6B35;
+  color: $mind-accent;
   font-weight: 600;
   margin-top: 8rpx;
 }
@@ -514,15 +514,15 @@ export default {
   flex: 1;
   height: 88rpx;
   line-height: 88rpx;
-  background: linear-gradient(135deg, #4A9BD7, #63B3ED);
-  color: #fff;
+  background: linear-gradient(135deg, $brand-legacy-blue, $brand-legacy-blue-light);
+  color: $app-surface;
   font-size: 32rpx;
   border-radius: 44rpx;
   text-align: center;
 }
 .dd-btn-outline {
-  background: #fff;
-  color: #4A9BD7;
-  border: 2rpx solid #4A9BD7;
+  background: $app-surface;
+  color: $brand-legacy-blue;
+  border: 2rpx solid $brand-legacy-blue;
 }
 </style>

+ 5 - 0
cfc-frontend/uni.scss

@@ -597,3 +597,8 @@ $facade-fill-3:        #EEEEEE;  // 灰填充·深(vs $facade-fill #F0F0F0;a
 $facade-fill-warm-tint:#F8F6F0;  // 暖灰浅底(vs $facade-fill-warm-gray #F8F4EF;duo-compatibility + innate-portrait + innate-trajectory + traditional-mirror)
 $facade-fill-ghost:    #FAFAFA;  // 近白填充(duo-compatibility + emotion-checkin + screening)
 $facade-fill-ghost-2:  #F9F9F9;  // 近白填充·副档(emotion-checkin + emotion-report + soothe-toolbox,同角色不同值)
+
+// ---- 旧蓝族(C-2 待翻转:原值令牌化保零观感,翻转移交 C-2 角色分流)----
+$brand-legacy-blue:      #4A9BD7; // 旧蓝主色(16 文件;dimension-detail 渐变起点/百分位/序号徽章)
+$brand-legacy-blue-light:#63B3ED; // 旧蓝亮档(2 文件;旧蓝渐变终点伴生)
+$brand-legacy-blue-tint: #F5FAFE; // 旧蓝极浅底(22 文件;旧蓝系页面浅底)