Переглянути джерело

refactor(wisdom-detail): B-3a member-wisdom-detail + training-hub 令牌化(零观感变化)

- 两页 style 块共 22 处 hex 全映射全局令牌(金色族 5 + 文字/填充 17)
- uni.scss 新登记 $accent-gold-deep #FFA500(金渐变伴生深档,9 文件)
- 两页均补 lang="scss";equiv-regression 双 PASS
liaoxg 6 днів тому
батько
коміт
21b2335b5e

+ 10 - 10
cfc-frontend/pages/wisdom-detail/member-wisdom-detail.vue

@@ -155,23 +155,23 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .detail-container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding-bottom: 120rpx;
 }
 
 .nav-back-icon {
   font-size: 36rpx;
-  color: #fff;
+  color: $app-surface;
 }
 
 .member-card {
   display: flex;
   flex-direction: row;
   align-items: center;
-  background: #fff;
+  background: $app-surface;
   margin: 20rpx 30rpx;
   padding: 30rpx;
   border-radius: 20rpx;
@@ -189,13 +189,13 @@ export default {
 }
 
 .wisdom-avatar {
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
 }
 
 .avatar-text {
   font-size: 40rpx;
   font-weight: bold;
-  color: #fff;
+  color: $app-surface;
 }
 
 .member-info {
@@ -205,13 +205,13 @@ export default {
 .member-name {
   font-size: 32rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
 }
 
 .member-role {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 6rpx;
   display: block;
 }
@@ -227,12 +227,12 @@ export default {
 }
 
 .wisdom-score {
-  color: #B8860B;
+  color: $hint-gold-ink;
 }
 
 .score-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   display: block;
 }
 

+ 12 - 12
cfc-frontend/pages/wisdom-detail/training-hub.vue

@@ -130,10 +130,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .container {
   min-height: 100vh;
-  background: linear-gradient(180deg, #FFF8E1 0%, #f5f7fa 100%);
+  background: linear-gradient(180deg, $mat-amber-tint 0%, $app-bg 100%);
   padding-bottom: 60rpx;
 }
 
@@ -147,14 +147,14 @@ export default {
 
 .back-btn {
   font-size: 30rpx;
-  color: #B8860B;
+  color: $hint-gold-ink;
   padding: 10rpx;
 }
 
 .header-title {
   font-size: 36rpx;
   font-weight: bold;
-  color: #B8860B;
+  color: $hint-gold-ink;
 }
 
 .header-placeholder {
@@ -167,7 +167,7 @@ export default {
 
 .desc-text {
   font-size: 26rpx;
-  color: #999;
+  color: $facade-text-muted;
   text-align: center;
   display: block;
 }
@@ -176,12 +176,12 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: center;
-  background: #fff;
+  background: $app-surface;
   margin: 0 30rpx 20rpx;
   padding: 30rpx;
   border-radius: 20rpx;
   box-shadow: 0 4rpx 20rpx rgba(255, 215, 0, 0.12);
-  border-left: 8rpx solid #FFD700;
+  border-left: 8rpx solid $accent-gold;
 }
 
 .game-card:active {
@@ -192,7 +192,7 @@ export default {
   width: 80rpx;
   height: 80rpx;
   border-radius: 20rpx;
-  background: #FFF8E1;
+  background: $mat-amber-tint;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -210,20 +210,20 @@ export default {
 .game-name {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
   margin-bottom: 6rpx;
 }
 
 .game-desc {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   display: block;
 }
 
 .game-arrow {
   font-size: 40rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-left: 10rpx;
 }
 
@@ -234,6 +234,6 @@ export default {
 
 .note-text {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
 }
 </style>

+ 1 - 0
cfc-frontend/uni.scss

@@ -565,6 +565,7 @@ $mind-insight-ink: #8B6914; // 洞察/宜忌文案棕金(mind-detail index + F
 
 // ---- 全库高频补档(B 批 emotion-report 收敛时登记)----
 $accent-gold:          #FFD700; // 金(14 文件)
+$accent-gold-deep:     #FFA500; // 金渐变伴生深档(9 文件;vs $accent-gold #FFD700 主档)
 $status-success-tint:  #ECFDF5; // emerald-50(11 文件;vs $status-success-soft #D1FAE5 深档)
 $status-info-tint:     #EFF6FF; // blue-50(3 文件)
 $status-danger-tint-2: #FEF2F2; // tailwind red-50(11 文件;vs $status-danger-tint #FFF5F5 自定义浅档)