소스 검색

refactor(c-2): C-2a-4b 旧蓝分流·大家伙批次 7 文件

- child-index:Flat Rounded clay 设计系统整体迁移品牌橙——设计系统注释/
  points-card 渐变/边框/双重阴影、streak-badge 描边阴影;数据类目槽
  task-cat--life/quick-icon--growth -> sky-600 rgba(2,132,199,x)(防与
  study/tasks 的 sky-500 及既有橙槽撞色);补 lang="scss"
- parent-index:stat-icon-orange/act-add 名橙实蓝 -> 恢复品牌橙语义;
  milestone-trophy/pending-icon--blue/advice -> info 蓝;
  JS 渐变蓝槽 -> info 蓝渐变(第 4 槽已橙禁撞色)
- index-home:3 处 JS 渐变蓝槽 -> info 蓝渐变(同上禁撞色)
- wuxing-sandbox:深海军蓝面板仅翻品牌氛围层——ambient 光晕 + toggle
  选中态渐变/描边;#8FC5E8 面板 chrome 与 #42A5F5 水行语义保留
  (chrome 翻橙会与火行 #FF6B35 撞色);补 lang="scss"
- articles.vue:弃 $c-brand-legacy 局部声明(含 C-2 移交注释块),
  filter-chip.active/article-category 内联 $brand-primary + rgba(249,115,22,0.1)
- dimension-detail:canvas 趋势图线/区/点 -> #F97316 + rgba(249,115,22,0.1)
- member-detail:home 槽 color/gradient -> 品牌橙(与 FamilyRelationGraph
  home 槽一致)

验证:6 个 style 文件 C-2 视觉变更验证 PASS(含块级规则 + sass 数值
规范化 0.30->0.3/0.10->0.1);5 个 JS 触及点计数断言全中;7 文件
node --check 通过;旧蓝族残留扫描 0(wuxing chrome/水行为故意保留)
liaoxg 6 일 전
부모
커밋
1e0dc1811c

+ 6 - 6
cfc-frontend/components/wuxing-sandbox.vue

@@ -603,7 +603,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* ============================================================
 容器
 ============================================================ */
@@ -622,8 +622,8 @@ export default {
   left: -50%;
   width: 200%;
   height: 200%;
-  background: radial-gradient(ellipse at 30% 20%, rgba(91, 155, 213, 0.04), transparent 60%),
-    radial-gradient(ellipse at 70% 80%, rgba(66, 165, 245, 0.03), transparent 60%);
+  background: radial-gradient(ellipse at 30% 20%, rgba(249,115,22,0.04), transparent 60%),
+    radial-gradient(ellipse at 70% 80%, rgba(251,146,60,0.03), transparent 60%);
   pointer-events: none;
 }
 
@@ -681,7 +681,7 @@ export default {
 .star-glow-bg {
   position: absolute; width: 500rpx; height: 500rpx;
   top: 50%; left: 50%; transform: translate(-50%, -50%);
-  background: radial-gradient(circle, rgba(91,155,213,0.10), transparent 70%);
+  background: radial-gradient(circle, rgba(249,115,22,0.10), transparent 70%);
   border-radius: 50%; pointer-events: none;
 }
 
@@ -804,8 +804,8 @@ export default {
 }
 .toggle-item--active {
   color: #fff;
-  background: linear-gradient(135deg, #5B9BD5, #3A7CC2);
-  border-color: #5B9BD5;
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
+  border-color: $brand-primary;
 }
 .toggle-icon {
   font-size: 26rpx;

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

@@ -261,7 +261,7 @@ export default {
 
       // Line
       if (points.length > 1) {
-        ctx.setStrokeStyle('#4A9BD7')
+        ctx.setStrokeStyle('#F97316')
         ctx.setLineWidth(3)
         ctx.beginPath()
         ctx.moveTo(points[0].x, points[0].y)
@@ -271,7 +271,7 @@ export default {
         ctx.stroke()
 
         // Area fill
-        ctx.setFillStyle('rgba(74, 155, 215, 0.1)')
+        ctx.setFillStyle('rgba(249,115,22,0.1)')
         ctx.beginPath()
         ctx.moveTo(points[0].x, padding.top + chartH)
         ctx.lineTo(points[0].x, points[0].y)
@@ -285,7 +285,7 @@ export default {
 
       // Dots
       for (var m = 0; m < points.length; m++) {
-        ctx.setFillStyle('#4A9BD7')
+        ctx.setFillStyle('#F97316')
         ctx.beginPath()
         ctx.arc(points[m].x, points[m].y, 5, 0, 2 * Math.PI)
         ctx.fill()

+ 17 - 17
cfc-frontend/pages/home-pages/child-index.vue

@@ -918,10 +918,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 /* ============================================================
    知心益家 — 孩子端首页 Flat Rounded 设计系统
-   色彩体系:品牌蓝(#5B9BD5)+浅蓝(#8FC5E8) | 双重阴影 | 4rpx边框
+   色彩体系:品牌橙(#F97316)+浅橙(#FB923C) | 双重阴影 | 4rpx边框
    参考:uni.scss --color-primary, --bg, --shadow-clay, --radius-md
    ============================================================ */
 
@@ -959,9 +959,9 @@ padding-top: 4rpx;
   background: linear-gradient(145deg, #F5F9FC, #E0ECF8);
   padding: 12rpx 24rpx 12rpx 18rpx;
   border-radius: 40rpx;
-  border: 4rpx solid #8FC5E8;
+  border: 4rpx solid $brand-primary-light;
   box-shadow: inset -3rpx -3rpx 8rpx rgba(255,255,255,0.5),
-              4rpx 4rpx 14rpx rgba(143,197,232,0.30);
+              4rpx 4rpx 14rpx rgba(251,146,60,0.30);
   flex-shrink: 0;
   transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
@@ -996,17 +996,17 @@ padding-top: 4rpx;
 }
 
 /* ----------------------------------------------------------
-   积分卡片 — Flat Rounded 蓝色渐变
+   积分卡片 — Flat Rounded 橙色渐变
    ---------------------------------------------------------- */
 .points-card {
   position: relative;
-  background: linear-gradient(145deg, #8FC5E8, #5B9BD5);
+  background: linear-gradient(145deg, $brand-primary-light, $brand-primary);
   border-radius: 32rpx;
   padding: 32rpx;
   margin-bottom: 28rpx;
-  border: 4rpx solid #3A7CC4;
+  border: 4rpx solid $brand-primary-dark;
   box-shadow: inset -4rpx -4rpx 14rpx rgba(255,255,255,0.20),
-              8rpx 8rpx 28rpx rgba(91,155,213,0.25);
+              8rpx 8rpx 28rpx rgba(249,115,22,0.25);
   overflow: hidden;
   transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
 }
@@ -1015,7 +1015,7 @@ padding-top: 4rpx;
 .points-card-pressed {
   transform: scale(0.97);
   box-shadow: inset 2rpx 2rpx 10rpx rgba(0,0,0,0.08),
-              4rpx 4rpx 16rpx rgba(91,155,213,0.18);
+              4rpx 4rpx 16rpx rgba(249,115,22,0.18);
 }
 
 /* 装饰圆 */
@@ -1180,7 +1180,7 @@ padding-top: 4rpx;
   margin-right: 20rpx;
   border: 4rpx solid var(--border, #CBD5E1);
   box-shadow: inset -4rpx -4rpx 10rpx rgba(255,255,255,0.6),
-              6rpx 6rpx 20rpx rgba(91,155,213,0.08);
+              6rpx 6rpx 20rpx rgba(249,115,22,0.08);
   transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
   animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
   flex-shrink: 0;
@@ -1202,7 +1202,7 @@ padding-top: 4rpx;
   margin-bottom: 12rpx;
   border: 3rpx solid var(--border-light, #E2E8F0);
   box-shadow: inset -2rpx -2rpx 6rpx rgba(255,255,255,0.5),
-              3rpx 3rpx 8rpx rgba(91,155,213,0.06);
+              3rpx 3rpx 8rpx rgba(249,115,22,0.06);
 }
 
 .task-card-icon {
@@ -1213,7 +1213,7 @@ padding-top: 4rpx;
 /* 分类图标底色 */
 .task-cat--study   .task-card-icon-wrap { background: rgba(14,165,233,0.12); border-color: #BAE6FD; }
 .task-cat--reading .task-card-icon-wrap { background: rgba(34,197,94,0.12);  border-color: #BBF7D0; }
-.task-cat--life    .task-card-icon-wrap { background: rgba(91,155,213,0.12); border-color: #CBD5E1; }
+.task-cat--life    .task-card-icon-wrap { background: rgba(2,132,199,0.12); border-color: #CBD5E1; }
 .task-cat--sports  .task-card-icon-wrap { background: rgba(59,130,246,0.12); border-color: #BFDBFE; }
 .task-cat--chores  .task-card-icon-wrap { background: rgba(245,158,11,0.12); border-color: #FDE68A; }
 .task-cat--art     .task-card-icon-wrap { background: rgba(236,72,153,0.12); border-color: #FBCFE8; }
@@ -1307,7 +1307,7 @@ padding-top: 4rpx;
   border-radius: 28rpx;
   border: 4rpx solid var(--border, #CBD5E1);
   box-shadow: inset -4rpx -4rpx 10rpx rgba(255,255,255,0.6),
-              6rpx 6rpx 20rpx rgba(91,155,213,0.08);
+              6rpx 6rpx 20rpx rgba(249,115,22,0.08);
   transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
   min-height: 180rpx;
 }
@@ -1316,7 +1316,7 @@ padding-top: 4rpx;
 .quick-btn-pressed {
   transform: scale(0.94);
   box-shadow: inset 2rpx 2rpx 8rpx rgba(0,0,0,0.06),
-              3rpx 3rpx 10rpx rgba(91,155,213,0.06);
+              3rpx 3rpx 10rpx rgba(249,115,22,0.06);
 }
 
 .quick-btn-icon {
@@ -1329,7 +1329,7 @@ padding-top: 4rpx;
   margin-bottom: 14rpx;
   border: 3rpx solid var(--border-light, #E2E8F0);
   box-shadow: inset -2rpx -2rpx 6rpx rgba(255,255,255,0.5),
-              3rpx 3rpx 8rpx rgba(91,155,213,0.06);
+              3rpx 3rpx 8rpx rgba(249,115,22,0.06);
   transition: transform 0.2s ease;
 }
 
@@ -1341,7 +1341,7 @@ padding-top: 4rpx;
 /* 各按钮图标色彩 */
 .quick-icon--tasks   { background: rgba(14,165,233,0.15); border-color: #BAE6FD; }
 .quick-icon--rewards { background: rgba(245,158,11,0.15); border-color: #FDE68A; }
-.quick-icon--growth  { background: rgba(91,155,213,0.15); border-color: #CBD5E1; }
+.quick-icon--growth  { background: rgba(2,132,199,0.15); border-color: #CBD5E1; }
 .quick-icon--games   { background: rgba(236,72,153,0.12); border-color: #FBCFE8; }
 .quick-icon--quiz    { background: rgba(99,102,241,0.15); border-color: #C7D2FE; }
 
@@ -1389,7 +1389,7 @@ padding-top: 4rpx;
   background: linear-gradient(145deg, #DCE8F5, #C8DDF0);
   border: 4rpx solid var(--border, #CBD5E1);
   box-shadow: inset -3rpx -3rpx 8rpx rgba(255,255,255,0.5),
-              4rpx 4rpx 14rpx rgba(91,155,213,0.08);
+              4rpx 4rpx 14rpx rgba(249,115,22,0.08);
   display: flex;
   align-items: center;
   justify-content: center;

+ 6 - 6
cfc-frontend/pages/home-pages/parent-index.vue

@@ -578,7 +578,7 @@ export default {
       isLoggedIn: false,
       gradientColors: [
         'linear-gradient(135deg, #10B981, #34D399)',
-        'linear-gradient(135deg, #5B9BD5, #8FC5E8)',
+        'linear-gradient(135deg, #0EA5E9, #38BDF8)',
         'linear-gradient(135deg, #8B5CF6, #C084FC)',
         'linear-gradient(135deg, #F97316, #FB923C)',
         'linear-gradient(135deg, #6366F1, #818CF8)'
@@ -1365,7 +1365,7 @@ export default {
   font-size: 28rpx;
 }
 
-.stat-icon-orange { background: rgba(91, 155, 213, 0.12); }
+.stat-icon-orange { background: rgba(249,115,22,0.12); }
 .stat-icon-gold { background: rgba(245, 158, 11, 0.15); }
 
 .stat-body {
@@ -1554,7 +1554,7 @@ export default {
 }
 
 .milestone-star { background: rgba(245, 158, 11, 0.15); }
-.milestone-trophy { background: rgba(91, 155, 213, 0.12); }
+.milestone-trophy { background: rgba(14,165,233,0.12); }
 .milestone-sparkle { background: rgba(16, 185, 129, 0.12); }
 
 .milestone-text {
@@ -1588,7 +1588,7 @@ export default {
   display: flex; align-items: center; justify-content: center;
   margin-right: 16rpx; flex-shrink: 0;
 }
-.pending-icon--blue { background: rgba(91,155,213,0.12); }
+.pending-icon--blue { background: rgba(14,165,233,0.12); }
 .pending-icon--pink { background: rgba(236,72,153,0.12); }
 .pending-icon--green { background: rgba(16,185,129,0.12); }
 .pending-icon--orange { background: rgba(249,115,22,0.12); }
@@ -1610,7 +1610,7 @@ export default {
 .advice-icon-wrap {
   width: 56rpx; height: 56rpx;
   border-radius: 14rpx;
-  background: rgba(91,155,213,0.1);
+  background: rgba(14,165,233,0.1);
   display: flex; align-items: center; justify-content: center;
   margin-right: 16rpx; flex-shrink: 0;
 }
@@ -1709,7 +1709,7 @@ export default {
   font-size: 32rpx;
 }
 
-.act-add { background: rgba(91, 155, 213, 0.12); }
+.act-add { background: rgba(249,115,22,0.12); }
 .act-review { background: rgba(16, 185, 129, 0.12); }
 .act-child { background: rgba(14, 165, 233, 0.12); }
 .act-reward { background: rgba(245, 158, 11, 0.15); }

+ 3 - 3
cfc-frontend/pages/index-home/index.vue

@@ -481,7 +481,7 @@ components: {
       articlesLoading: false,
       gradientColors: [
         'linear-gradient(135deg, #10B981, #34D399)',
-        'linear-gradient(135deg, #5B9BD5, #8FC5E8)',
+        'linear-gradient(135deg, #0EA5E9, #38BDF8)',
         'linear-gradient(135deg, #F59E0B, #FBBF24)',
         'linear-gradient(135deg, #F97316, #FB923C)',
         'linear-gradient(135deg, #6366F1, #818CF8)'
@@ -1066,7 +1066,7 @@ title: '添加家庭成员',
         if (res.code === 200 && res.data) {
           var gradientColors = [
             'linear-gradient(135deg, #10B981, #34D399)',
-            'linear-gradient(135deg, #5B9BD5, #8FC5E8)',
+            'linear-gradient(135deg, #0EA5E9, #38BDF8)',
             'linear-gradient(135deg, #F59E0B, #FBBF24)',
             'linear-gradient(135deg, #F97316, #FB923C)',
             'linear-gradient(135deg, #6366F1, #818CF8)'
@@ -1882,7 +1882,7 @@ title: '添加家庭成员',
         if (res && res.code === 200) {
           var gradientColors = [
             'linear-gradient(135deg, #10B981, #34D399)',
-            'linear-gradient(135deg, #5B9BD5, #8FC5E8)',
+            'linear-gradient(135deg, #0EA5E9, #38BDF8)',
             'linear-gradient(135deg, #F59E0B, #FBBF24)',
             'linear-gradient(135deg, #F97316, #FB923C)',
             'linear-gradient(135deg, #6366F1, #818CF8)'

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

@@ -114,7 +114,7 @@ var dimensionConfig = {
   wisdom:   { name: '智',   icon: '\u{1F9E0}', color: '#3B82F6', gradient: 'linear-gradient(135deg, #FFD700, #FFA500)' },
   action:   { name: '行动', icon: '\u{1F3CB}', color: '#F97316', gradient: 'linear-gradient(135deg, #10B981, #34D399)' },
   wealth:   { name: '富',   icon: '\u{1F4B0}', color: '#F59E0B', gradient: 'linear-gradient(135deg, #F59E0B, #FBBF24)' },
-  home:     { name: '全家', icon: '\u{1F3E0}', color: '#5B9BD5', gradient: 'linear-gradient(135deg, #5B9BD5, #3A7CC4)' }
+  home:     { name: '全家', icon: '\u{1F3E0}', color: '#F97316', gradient: 'linear-gradient(135deg, #F97316, #EA580C)' }
 }
 
 export default {

+ 3 - 7
cfc-frontend/pages/mind-detail/articles.vue

@@ -281,10 +281,6 @@ $c-type-course-bg:    #fef3e2;   // 课程(橙浅底)
 $c-type-course-ink:   #c47a2b;   // 课程(橙)
 $c-type-tip-bg:       #f3e8fd;   // 贴士(紫浅底)
 $c-type-tip-ink:      #7b2bc4;   // 贴士(紫)
-// C-2 待翻转:旧品牌蓝残留(filter-chip.active 底色 / article-category 前景 + 浅底)。
-// B 批纪律保原值令牌化,翻转移交 C-2 角色分流(此处为品牌交互用法,预案翻品牌橙)
-$c-brand-legacy:      #5B9BD5;
-$c-brand-legacy-tint: rgba(91,155,213,0.1);
 
 .container {
   display: flex;
@@ -322,7 +318,7 @@ $c-brand-legacy-tint: rgba(91,155,213,0.1);
   flex-shrink: 0;
 }
 .filter-chip.active {
-  background: $c-brand-legacy;
+  background: $brand-primary;
   color: $app-surface;
 }
 .filter-chip:first-child {
@@ -419,8 +415,8 @@ $c-brand-legacy-tint: rgba(91,155,213,0.1);
 }
 .article-category {
   font-size: 20rpx;
-  color: $c-brand-legacy;
-  background: $c-brand-legacy-tint;
+  color: $brand-primary;
+  background: rgba(249,115,22,0.1);
   padding: 2rpx 12rpx;
   border-radius: 8rpx;
   margin-right: 12rpx;