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

refactor(mind-detail): B-1m member-mind-detail 令牌化——13 处硬编码色收敛(零观感变化)

- 8 色全映射既有全局令牌:$app-bg/$app-surface/$facade-text-strong/
  $facade-text-muted/$mind-accent/$status-warning/$facade-violet/$facade-violet-light
- 双渐变内联令牌化,与 duo-compatibility 的 violet 渐变完全同款
- 替换严格限定 style 块内(脚本区零触碰)
- equiv-regression PASS
liaoxg 1 неделя назад
Родитель
Сommit
191d84cea2
1 измененных файлов с 11 добавлено и 11 удалено
  1. 11 11
      cfc-frontend/pages/mind-detail/member-mind-detail.vue

+ 11 - 11
cfc-frontend/pages/mind-detail/member-mind-detail.vue

@@ -187,19 +187,19 @@ export default {
 <style scoped>
 .detail-container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding-bottom: 40rpx;
 }
 .nav-back-icon {
   font-size: 36rpx;
-  color: #333;
+  color: $facade-text-strong;
 }
 .member-card {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin: 20rpx 30rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 24rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
@@ -208,18 +208,18 @@ export default {
   width: 80rpx;
   height: 80rpx;
   border-radius: 40rpx;
-  background: linear-gradient(135deg, #FF6B35, #FBBF24);
+  background: linear-gradient(135deg, $mind-accent, $status-warning);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 20rpx;
 }
 .mind-avatar {
-  background: linear-gradient(135deg, #8B5CF6, #A78BFA);
+  background: linear-gradient(135deg, $facade-violet, $facade-violet-light);
 }
 .avatar-text {
   font-size: 32rpx;
-  color: #fff;
+  color: $app-surface;
   font-weight: bold;
 }
 .member-info {
@@ -230,11 +230,11 @@ export default {
 .member-name {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .member-role {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 4rpx;
 }
 .member-score {
@@ -245,14 +245,14 @@ export default {
 .score-value {
   font-size: 40rpx;
   font-weight: bold;
-  color: #FF6B35;
+  color: $mind-accent;
 }
 .mind-score {
-  color: #8B5CF6;
+  color: $facade-violet;
 }
 .score-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .bottom-spacer {
   height: 40rpx;