Ver código fonte

refactor(wealth): B-5a member-detail + wealth 4 组件令牌化(零观感变化)

- 5 文件共 50 处全映射全局令牌
- uni.scss 新登记 antd 补档 4 枚:$status-success-3 #52C41A、$status-success-tint-3 #F6FFED、$status-danger-tint-3 #FFF1F0、$status-warning-strong-2 #B45309
- BodyWealthAlert 保留单页专有 $c-antd-gold/#FAAD14 + $c-antd-gold-tint/#FFFBE6
- equiv-regression 五连 PASS
liaoxg 1 semana atrás
pai
commit
723b22dfb6

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

@@ -368,28 +368,28 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .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;
 }
 /* ===== 通用 ===== */
 .loading {
   text-align: center;
   padding: 60rpx;
-  color: #999;
+  color: $facade-text-muted;
   font-size: 28rpx;
 }
 .section-card {
   margin: 20rpx 30rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 28rpx 24rpx;
   box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
@@ -403,7 +403,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 /* ===== 成员信息卡 ===== */
@@ -412,7 +412,7 @@ export default {
   flex-direction: row;
   align-items: center;
   margin: 20rpx 30rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 28rpx 24rpx;
   box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
@@ -429,7 +429,7 @@ export default {
 }
 .avatar-text {
   font-size: 40rpx;
-  color: #fff;
+  color: $app-surface;
   font-weight: bold;
 }
 .member-info {
@@ -440,11 +440,11 @@ export default {
 .member-name {
   font-size: 34rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .member-role {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 6rpx;
 }
 .member-score {
@@ -458,7 +458,7 @@ export default {
 }
 .score-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 2rpx;
 }
 

+ 14 - 11
cfc-frontend/pages/wealth/components/BodyWealthAlert.vue

@@ -59,26 +59,29 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+// antd 警示金及浅底(单页专有;vs $status-warning-2 #F59E0B / $status-warning-tint #FFFBEB 全局档)
+$c-antd-gold: #FAAD14;
+$c-antd-gold-tint: #FFFBE6;
 .body-wealth-alert {
   margin: 20rpx;
   padding: 24rpx;
   border-radius: 12rpx;
   border-left: 6rpx solid;
-  background: #fff;
+  background: $app-surface;
   box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.08);
 }
 .alert-normal {
-  border-left-color: #52c41a;
-  background: #f6ffed;
+  border-left-color: $status-success-3;
+  background: $status-success-tint-3;
 }
 .alert-overdraw {
-  border-left-color: #faad14;
-  background: #fffbe6;
+  border-left-color: $c-antd-gold;
+  background: $c-antd-gold-tint;
 }
 .alert-penalty {
-  border-left-color: #ff4d4f;
-  background: #fff1f0;
+  border-left-color: $status-danger-2;
+  background: $status-danger-tint-3;
 }
 .alert-header {
   display: flex;
@@ -93,14 +96,14 @@ export default {
 .alert-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .alert-body {
   margin-bottom: 12rpx;
 }
 .alert-message {
   font-size: 26rpx;
-  color: #666;
+  color: $facade-text-body;
   line-height: 1.6;
 }
 .alert-footer {
@@ -110,7 +113,7 @@ export default {
 }
 .alert-tip {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   font-style: italic;
 }
 </style>

+ 14 - 14
cfc-frontend/pages/wealth/components/DimensionSubDims.vue

@@ -58,7 +58,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .dim-subdims {
   margin: 20rpx 30rpx;
   background: rgba(255, 255, 255, 0.95);
@@ -73,12 +73,12 @@ export default {
 .dim-title {
   font-size: 32rpx;
   font-weight: 700;
-  color: #1a1a2e;
+  color: $app-ink-night;
   display: block;
 }
 .dim-subtitle {
   font-size: 24rpx;
-  color: #94a3b8;
+  color: $app-text-subtle;
   margin-top: 6rpx;
   display: block;
 }
@@ -111,13 +111,13 @@ export default {
 .dim-item-label {
   font-size: 28rpx;
   font-weight: 600;
-  color: #1e293b;
+  color: $uni-text-color;
   display: block;
   line-height: 1.4;
 }
 .dim-item-desc {
   font-size: 22rpx;
-  color: #94a3b8;
+  color: $app-text-subtle;
   margin-top: 4rpx;
   display: block;
   line-height: 1.4;
@@ -132,9 +132,9 @@ export default {
   font-weight: 700;
   line-height: 1;
 }
-.score-good { color: #16a34a; }
-.score-ok { color: #d97706; }
-.score-low { color: #dc2626; }
+.score-good { color: $status-success-strong-2; }
+.score-ok { color: $status-warning-deep; }
+.score-low { color: $status-danger-deep; }
 .dim-item-level {
   font-size: 20rpx;
   font-weight: 500;
@@ -146,16 +146,16 @@ export default {
   margin-left: auto;
 }
 .level-good {
-  color: #16a34a;
-  background: #f0fdf4;
+  color: $status-success-strong-2;
+  background: $status-success-tint-2;
 }
 .level-ok {
-  color: #d97706;
-  background: #fffbeb;
+  color: $status-warning-deep;
+  background: $status-warning-tint;
 }
 .level-low {
-  color: #dc2626;
-  background: #fef2f2;
+  color: $status-danger-deep;
+  background: $status-danger-tint-2;
 }
 .dim-bar-track {
   height: 8rpx;

+ 7 - 7
cfc-frontend/pages/wealth/components/WealthEnergyRing.vue

@@ -67,10 +67,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .wealth-ring {
   margin: 20rpx 30rpx;
-  background: linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%);
+  background: linear-gradient(135deg, $uni-primary-pale 0%, $status-warning-soft 100%);
   border-radius: 24rpx;
   padding: 40rpx 30rpx 30rpx;
   display: flex;
@@ -109,18 +109,18 @@ export default {
 .ring-score {
   font-size: 72rpx;
   font-weight: bold;
-  color: #92400E;
+  color: $status-warning-strong;
   line-height: 1.1;
 }
 .ring-total {
   font-size: 24rpx;
-  color: #B45309;
+  color: $status-warning-strong-2;
   opacity: 0.7;
 }
 .ring-level {
   margin-top: 8rpx;
   font-size: 28rpx;
-  color: #F59E0B;
+  color: $status-warning-2;
   font-weight: 600;
   letter-spacing: 2rpx;
 }
@@ -157,13 +157,13 @@ export default {
 }
 .ring-slogan-text {
   font-size: 26rpx;
-  color: #92400E;
+  color: $status-warning-strong;
   letter-spacing: 2rpx;
 }
 .ring-delta {
   margin-top: 8rpx;
   font-size: 24rpx;
-  color: #F59E0B;
+  color: $status-warning-2;
   font-weight: 500;
 }
 </style>

+ 10 - 10
cfc-frontend/pages/wealth/components/WealthSubScores.vue

@@ -85,11 +85,11 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .wealth-sub-scores {
   margin: 20rpx 30rpx;
   padding: 24rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.08);
 }
@@ -99,7 +99,7 @@ export default {
 .title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .sub-grid {
   display: flex;
@@ -123,7 +123,7 @@ export default {
   width: 120rpx;
   height: 150rpx;
   border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
-  background: #FEF3C7;
+  background: $status-warning-soft;
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -134,7 +134,7 @@ export default {
   bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(180deg, #FBBF24 0%, #F59E0B 100%);
+  background: linear-gradient(180deg, $status-warning 0%, $status-warning-2 100%);
   transition: height 0.8s ease;
 }
 .drop-score {
@@ -142,27 +142,27 @@ export default {
   z-index: 1;
   font-size: 40rpx;
   font-weight: bold;
-  color: #92400E;
+  color: $status-warning-strong;
 }
 .drop-label {
   margin-top: 12rpx;
   font-size: 24rpx;
-  color: #333;
+  color: $facade-text-strong;
   font-weight: 500;
 }
 .drop-weight {
   font-size: 20rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 4rpx;
 }
 .drop-tip {
   margin-top: 20rpx;
   padding: 16rpx 20rpx;
-  background: #FFF7ED;
+  background: $uni-primary-pale;
   border-radius: 12rpx;
 }
 .drop-tip-text {
   font-size: 24rpx;
-  color: #92400E;
+  color: $status-warning-strong;
 }
 </style>

+ 5 - 0
cfc-frontend/uni.scss

@@ -636,3 +636,8 @@ $accent-pink:      #EC4899; // pink-500 主色(9 文件)
 $accent-pink-deep: #DB2777; // pink-700 深文字(4 文件)
 $accent-pink-tint: #FCE7F3; // pink-100 浅底(3 文件)
 $status-danger-2:  #FF4D4F; // antd 红·副档(11 文件;vs $status-danger #EF4444)
+// ---- antd 色补档(wealth 子链收敛时登记)----
+$status-success-3:      #52C41A; // antd green-500 成功主色·三档(12 文件;vs $status-success #10B981 / -2 #22C55E)
+$status-success-tint-3: #F6FFED; // antd green-1 成功极浅底·三档(8 文件)
+$status-danger-tint-3:  #FFF1F0; // antd red-1 危险浅底·三档(3 文件)
+$status-warning-strong-2: #B45309; // amber-700 警示深文字·副档(9 文件;vs $status-warning-strong #92400E amber-800)