Przeglądaj źródła

refactor(wealth): B-5b 财富子链第二批三页令牌化(59 处,零观感变化)

- member-wealth-detail.vue 12 处:金色族归位($accent-gold/deep、$hint-gold-ink)
- report-detail.vue 24 处:antd 蓝/绿/橙新档映射($status-info-3 等 4 枚新令牌)
- insurance-list.vue 23 处:含 #f5f5f5/#F5F5F5 大小写双条目 → $facade-fill-2
- 补装 insurance-list <style> → lang="scss"(原为裸全局样式)
- 等价回归三连 PASS
liaoxg 1 tydzień temu
rodzic
commit
0e6fec008f

+ 25 - 25
cfc-frontend/pages/member-detail/report-detail.vue

@@ -157,10 +157,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
 }
 .nav-placeholder {
   width: 60rpx;
@@ -168,10 +168,10 @@ export default {
 .loading {
   text-align: center;
   padding: 100rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .report-header {
-  background: #fff;
+  background: $app-surface;
   padding: 30rpx;
   margin-bottom: 20rpx;
   display: flex;
@@ -185,23 +185,23 @@ export default {
   font-weight: 600;
 }
 .badge-physical_exam {
-  background: #e6f7ff;
-  color: #1890ff;
+  background: $status-info-tint-3;
+  color: $status-info-3;
 }
 .badge-gut_flora {
-  background: #f6ffed;
-  color: #52c41a;
+  background: $status-success-tint-3;
+  color: $status-success-3;
 }
 .badge-tongue {
-  background: #fff7e6;
-  color: #fa8c16;
+  background: $brand-primary-tint-2;
+  color: $brand-primary-2;
 }
 .report-date {
   font-size: 26rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .score-section {
-  background: #fff;
+  background: $app-surface;
   padding: 40rpx;
   margin-bottom: 20rpx;
   display: flex;
@@ -219,30 +219,30 @@ export default {
 .score-value {
   font-size: 48rpx;
   font-weight: 700;
-  color: #333;
+  color: $facade-text-strong;
 }
 .score-unit {
   position: absolute;
   bottom: 20rpx;
   right: 30rpx;
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .score-level {
   margin-top: 16rpx;
 }
 .level-text {
   font-size: 28rpx;
-  color: #666;
+  color: $facade-text-body;
 }
 .report-content {
-  background: #fff;
+  background: $app-surface;
   padding: 30rpx;
   margin-bottom: 20rpx;
   min-height: 200rpx;
 }
 .report-attachment {
-  background: #fff;
+  background: $app-surface;
   padding: 30rpx;
   margin-bottom: 40rpx;
   display: flex;
@@ -255,17 +255,17 @@ export default {
 }
 .attachment-label text:first-child {
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
   font-weight: 500;
 }
 .attachment-size {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 4rpx;
 }
 .attachment-btn {
-  background: #f97316;
-  color: #fff;
+  background: $brand-primary;
+  color: $app-surface;
   font-size: 24rpx;
   padding: 12rpx 30rpx;
   border-radius: 20rpx;
@@ -283,20 +283,20 @@ export default {
 .empty-title {
   font-size: 32rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
   margin-bottom: 12rpx;
 }
 .empty-desc {
   font-size: 26rpx;
-  color: #999;
+  color: $facade-text-muted;
   display: block;
   margin-bottom: 40rpx;
 }
 .empty-btn {
   display: inline-block;
-  background: #f97316;
-  color: #fff;
+  background: $brand-primary;
+  color: $app-surface;
   font-size: 28rpx;
   padding: 16rpx 60rpx;
   border-radius: 40rpx;

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

@@ -182,10 +182,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .detail-container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding-bottom: 40rpx;
 }
 
@@ -194,7 +194,7 @@ export default {
   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);
@@ -204,7 +204,7 @@ export default {
   width: 80rpx;
   height: 80rpx;
   border-radius: 40rpx;
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -212,12 +212,12 @@ export default {
 }
 
 .wealth-avatar {
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
 }
 
 .avatar-text {
   font-size: 32rpx;
-  color: #fff;
+  color: $app-surface;
   font-weight: bold;
 }
 
@@ -230,12 +230,12 @@ 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;
 }
 
@@ -248,16 +248,16 @@ export default {
 .score-value {
   font-size: 40rpx;
   font-weight: bold;
-  color: #FFD700;
+  color: $accent-gold;
 }
 
 .wealth-score {
-  color: #B8860B;
+  color: $hint-gold-ink;
 }
 
 .score-label {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 
 .bottom-spacer {

+ 24 - 24
cfc-frontend/pages/wealth-sub/insurance-list.vue

@@ -135,10 +135,10 @@ export default {
 }
 </script>
 
-<style>
+<style lang="scss">
 .container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding: 20rpx 30rpx 120rpx;
   width: 100%;
   box-sizing: border-box;
@@ -148,7 +148,7 @@ export default {
 .filter-tabs {
   display: flex;
   flex-direction: row;
-  background: #fff;
+  background: $app-surface;
   border-radius: 16rpx;
   padding: 12rpx;
   margin-bottom: 24rpx;
@@ -159,13 +159,13 @@ export default {
   text-align: center;
   padding: 12rpx 0;
   font-size: 26rpx;
-  color: #666;
+  color: $facade-text-body;
   border-radius: 12rpx;
 }
 
 .filter-tab.active {
-  background: #F97316;
-  color: #fff;
+  background: $brand-primary;
+  color: $app-surface;
   font-weight: 600;
 }
 
@@ -183,17 +183,17 @@ export default {
 
 .empty-text {
   font-size: 30rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 
 .empty-hint {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-top: 8rpx;
 }
 
 .policy-card {
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 24rpx;
   margin-bottom: 20rpx;
@@ -206,13 +206,13 @@ export default {
   align-items: center;
   margin-bottom: 16rpx;
   padding-bottom: 16rpx;
-  border-bottom: 2rpx solid #f5f5f5;
+  border-bottom: 2rpx solid $facade-fill-2;
 }
 
 .policy-name {
   font-size: 30rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .policy-status {
@@ -222,18 +222,18 @@ export default {
 }
 
 .status-active {
-  background: #DCFCE7;
-  color: #16A34A;
+  background: $status-success-soft-2;
+  color: $status-success-strong-2;
 }
 
 .status-expired {
-  background: #FEF2F2;
-  color: #DC2626;
+  background: $status-danger-tint-2;
+  color: $status-danger-deep;
 }
 
 .status-cancelled {
-  background: #F5F5F5;
-  color: #999;
+  background: $facade-fill-2;
+  color: $facade-text-muted;
 }
 
 .policy-body {
@@ -249,16 +249,16 @@ export default {
 
 .policy-label {
   font-size: 26rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 
 .policy-value {
   font-size: 26rpx;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .policy-value.orange {
-  color: #F97316;
+  color: $brand-primary;
   font-weight: 600;
 }
 
@@ -267,12 +267,12 @@ export default {
   flex-direction: row;
   justify-content: flex-end;
   padding-top: 12rpx;
-  border-top: 2rpx solid #f5f5f5;
+  border-top: 2rpx solid $facade-fill-2;
 }
 
 .delete-btn {
   font-size: 24rpx;
-  color: #DC2626;
+  color: $status-danger-deep;
   padding: 8rpx 20rpx;
 }
 
@@ -285,8 +285,8 @@ export default {
   height: 88rpx;
   line-height: 88rpx;
   text-align: center;
-  background: #F97316;
-  color: #fff;
+  background: $brand-primary;
+  color: $app-surface;
   font-size: 30rpx;
   font-weight: 600;
   border-radius: 44rpx;

+ 4 - 0
cfc-frontend/uni.scss

@@ -641,3 +641,7 @@ $status-success-3:      #52C41A; // antd green-500 成功主色·三档(12 文
 $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)
+$status-info-3:       #1890FF; // antd blue-500 信息主色·三档(6 文件;vs $status-info #3B82F6)
+$status-info-tint-3:  #E6F7FF; // antd blue-1 信息浅底·三档(5 文件)
+$brand-primary-2:     #FA8C16; // 品牌橙·副档 antd orange(4 文件;vs $brand-primary #F97316)
+$brand-primary-tint-2:#FFF7E6; // 品牌橙浅底·副档 antd orange-1(15 文件;vs $uni-primary-pale #FFF7ED)