Эх сурвалжийг харах

refactor(c-2): C-2a-4c 旧蓝分流·长尾批次 11 文件 22 处

- wishes/ai-chat/child-tasks/tasks-review/OnboardingGuide:交互元素已迁移品牌橙,阴影/光晕/elevation 滞后 -> 机械配套全套 rgba(249,115,22,x)
- PlayfulButton:primary/secondary/clay/focus 阴影跟随按钮色(success/warning/error 已状态配套不动)
- my-posts.write-btn / assessment-plan detail+list.progress-fill:实底 #5B9BD5 -> $brand-primary + 补 lang="scss"
- meal-config 早餐槽 / discover coverGradients[0]:数据类目蓝槽 -> sky 现代化(#38BDF8/#BAE6FD),保早午晚与五槽区分
- 验证:9 页 C-2 before+预期替换==after 逐字节 PASS;discover JS 计数断言;11 文件 node --check PASS;残留 0
liaoxg 6 өдөр өмнө
parent
commit
8760490641

+ 2 - 2
cfc-frontend/components/OnboardingGuide.vue

@@ -169,7 +169,7 @@ export default {
   flex-direction: column;
   flex-direction: column;
   align-items: center;
   align-items: center;
   overflow: hidden;
   overflow: hidden;
-  box-shadow: var(--shadow-lg, 0 8rpx 32rpx rgba(91, 155, 213, 0.10));
+  box-shadow: var(--shadow-lg, 0 8rpx 32rpx rgba(249,115,22,0.10));
   animation: scaleIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
   animation: scaleIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
 }
 
 
@@ -280,7 +280,7 @@ export default {
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   transition: opacity 0.2s ease, transform 0.15s ease;
   transition: opacity 0.2s ease, transform 0.15s ease;
-  box-shadow: 0 4rpx 16rpx rgba(91, 155, 213, 0.25);
+  box-shadow: 0 4rpx 16rpx rgba(249,115,22,0.25);
 }
 }
 
 
 .onboarding-btn:active {
 .onboarding-btn:active {

+ 4 - 4
cfc-frontend/components/PlayfulButton.vue

@@ -53,7 +53,7 @@ export default {
 .playful-btn--primary {
 .playful-btn--primary {
   background: var(--color-primary, #F97316);
   background: var(--color-primary, #F97316);
   color: #fff;
   color: #fff;
-  box-shadow: 0 2px 8px rgba(91, 155, 213, 0.3);
+  box-shadow: 0 2px 8px rgba(249,115,22,0.3);
 }
 }
 
 
 /* ---- Secondary ---- */
 /* ---- Secondary ---- */
@@ -61,7 +61,7 @@ export default {
   background: var(--surface, #ffffff);
   background: var(--surface, #ffffff);
   color: var(--text, #1E293B);
   color: var(--text, #1E293B);
   border: 2rpx solid var(--border, #CBD5E1);
   border: 2rpx solid var(--border, #CBD5E1);
-  box-shadow: 0 2px 6px rgba(91, 155, 213, 0.08);
+  box-shadow: 0 2px 6px rgba(249,115,22,0.08);
 }
 }
 
 
 /* ---- Success ---- */
 /* ---- Success ---- */
@@ -90,7 +90,7 @@ export default {
   background: var(--color-primary, #F97316);
   background: var(--color-primary, #F97316);
   color: #fff;
   color: #fff;
   border: 2rpx solid var(--border, #CBD5E1);
   border: 2rpx solid var(--border, #CBD5E1);
-  box-shadow: 0 2px 8px rgba(91, 155, 213, 0.15);
+  box-shadow: 0 2px 8px rgba(249,115,22,0.15);
 }
 }
 
 
 /* ---- Outline ---- */
 /* ---- Outline ---- */
@@ -119,7 +119,7 @@ export default {
   cursor: not-allowed;
   cursor: not-allowed;
 }
 }
 .playful-btn:focus {
 .playful-btn:focus {
-  outline: 2px solid rgba(91, 155, 213, 0.4);
+  outline: 2px solid rgba(249,115,22,0.4);
   outline-offset: 2px;
   outline-offset: 2px;
 }
 }
 </style>
 </style>

+ 2 - 2
cfc-frontend/pages/ai/chat.vue

@@ -615,7 +615,7 @@ export default {
 }
 }
 
 
 .conv-item-active {
 .conv-item-active {
-  background: rgba(91, 155, 213, 0.06);
+  background: rgba(249,115,22,0.06);
 }
 }
 
 
 .conv-item-name {
 .conv-item-name {
@@ -921,7 +921,7 @@ export default {
   display: inline-block;
   display: inline-block;
   font-size: 18rpx;
   font-size: 18rpx;
   color: var(--color-primary, #F97316);
   color: var(--color-primary, #F97316);
-  background: rgba(91, 155, 213, 0.1);
+  background: rgba(249,115,22,0.1);
   padding: 2rpx 12rpx;
   padding: 2rpx 12rpx;
   border-radius: 8rpx;
   border-radius: 8rpx;
   align-self: flex-start;
   align-self: flex-start;

+ 2 - 2
cfc-frontend/pages/article-center/my-posts.vue

@@ -130,14 +130,14 @@ export default {
 }
 }
 </script>
 </script>
 
 
-<style scoped>
+<style scoped lang="scss">
 .posts-container { min-height: 100vh; background: #f5f7fa; }
 .posts-container { min-height: 100vh; background: #f5f7fa; }
 .posts-list { height: 100vh; }
 .posts-list { height: 100vh; }
 .loading-wrap, .empty-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 200rpx; }
 .loading-wrap, .empty-wrap { display: flex; flex-direction: column; align-items: center; padding-top: 200rpx; }
 .loading-text { font-size: 26rpx; color: #999; }
 .loading-text { font-size: 26rpx; color: #999; }
 .empty-icon { font-size: 100rpx; margin-bottom: 24rpx; }
 .empty-icon { font-size: 100rpx; margin-bottom: 24rpx; }
 .empty-text { font-size: 28rpx; color: #999; margin-bottom: 30rpx; }
 .empty-text { font-size: 28rpx; color: #999; margin-bottom: 30rpx; }
-.write-btn { width: 240rpx; height: 72rpx; line-height: 72rpx; background: #5B9BD5; color: #fff; font-size: 28rpx; border-radius: 36rpx; border: none; }
+.write-btn { width: 240rpx; height: 72rpx; line-height: 72rpx; background: $brand-primary; color: #fff; font-size: 28rpx; border-radius: 36rpx; border: none; }
 .write-btn::after { border: none; }
 .write-btn::after { border: none; }
 .post-list { padding: 20rpx 24rpx; }
 .post-list { padding: 20rpx 24rpx; }
 .post-card {
 .post-card {

+ 2 - 2
cfc-frontend/pages/assessment-plan/detail.vue

@@ -141,7 +141,7 @@ export default {
 }
 }
 </script>
 </script>
 
 
-<style scoped>
+<style scoped lang="scss">
 .detail-container {
 .detail-container {
   min-height: 100vh;
   min-height: 100vh;
   background: #F5F7FA;
   background: #F5F7FA;
@@ -237,7 +237,7 @@ export default {
 }
 }
 .progress-fill {
 .progress-fill {
   height: 100%;
   height: 100%;
-  background: #5B9BD5;
+  background: $brand-primary;
   border-radius: 8rpx;
   border-radius: 8rpx;
 }
 }
 .progress-text {
 .progress-text {

+ 2 - 2
cfc-frontend/pages/assessment-plan/list.vue

@@ -108,7 +108,7 @@ export default {
 }
 }
 </script>
 </script>
 
 
-<style scoped>
+<style scoped lang="scss">
 .list-container {
 .list-container {
   min-height: 100vh;
   min-height: 100vh;
   background: #F5F7FA;
   background: #F5F7FA;
@@ -193,7 +193,7 @@ export default {
 }
 }
 .progress-fill {
 .progress-fill {
   height: 100%;
   height: 100%;
-  background: #5B9BD5;
+  background: $brand-primary;
   border-radius: 6rpx;
   border-radius: 6rpx;
 }
 }
 .progress-text {
 .progress-text {

+ 3 - 3
cfc-frontend/pages/child/tasks.vue

@@ -444,13 +444,13 @@ export default {
 }
 }
 
 
 .tab-item--hover {
 .tab-item--hover {
-  background: rgba(91, 155, 213, 0.06);
+  background: rgba(249,115,22,0.06);
 }
 }
 
 
 .tab-item--active {
 .tab-item--active {
   background: linear-gradient(145deg, var(--color-primary-light, #FB923C), var(--color-primary, #F97316));
   background: linear-gradient(145deg, var(--color-primary-light, #FB923C), var(--color-primary, #F97316));
   box-shadow: inset -2rpx -2rpx 8rpx rgba(255, 255, 255, 0.3),
   box-shadow: inset -2rpx -2rpx 8rpx rgba(255, 255, 255, 0.3),
-    4rpx 4rpx 12rpx rgba(91, 155, 213, 0.2);
+    4rpx 4rpx 12rpx rgba(249,115,22,0.2);
 }
 }
 
 
 .tab-item__label {
 .tab-item__label {
@@ -473,7 +473,7 @@ export default {
   height: 36rpx;
   height: 36rpx;
   padding: 0 8rpx;
   padding: 0 8rpx;
   border-radius: 999rpx;
   border-radius: 999rpx;
-  background: rgba(91, 155, 213, 0.12);
+  background: rgba(249,115,22,0.12);
   color: var(--color-primary, #F97316);
   color: var(--color-primary, #F97316);
   font-size: 20rpx;
   font-size: 20rpx;
   font-weight: var(--font-weight-bold, 600);
   font-weight: var(--font-weight-bold, 600);

+ 1 - 1
cfc-frontend/pages/diet/meal-config.vue

@@ -247,7 +247,7 @@ export default {
   border-bottom: 1rpx solid #E2E8F0;
   border-bottom: 1rpx solid #E2E8F0;
 }
 }
 .meal-icon-wrap { width: 72rpx; height: 72rpx; border-radius: 22rpx; display: flex; align-items: center; justify-content: center; margin-right: 16rpx; }
 .meal-icon-wrap { width: 72rpx; height: 72rpx; border-radius: 22rpx; display: flex; align-items: center; justify-content: center; margin-right: 16rpx; }
-.meal-icon-breakfast { background: linear-gradient(135deg, #8FC5E8, #D6EAF8); }
+.meal-icon-breakfast { background: linear-gradient(135deg, #38BDF8, #BAE6FD); }
 .meal-icon-lunch     { background: linear-gradient(135deg, #FBBF24, #FCD34D); }
 .meal-icon-lunch     { background: linear-gradient(135deg, #FBBF24, #FCD34D); }
 .meal-icon-dinner    { background: linear-gradient(135deg, #A78BFA, #C4B5FD); }
 .meal-icon-dinner    { background: linear-gradient(135deg, #A78BFA, #C4B5FD); }
 .meal-count { font-size: 24rpx; color: $brand-primary; margin-left: auto; }
 .meal-count { font-size: 24rpx; color: $brand-primary; margin-left: auto; }

+ 1 - 1
cfc-frontend/pages/discover/index.vue

@@ -143,7 +143,7 @@ export default {
       loading: false,
       loading: false,
       featuredArticles: [],
       featuredArticles: [],
       coverGradients: [
       coverGradients: [
-        'linear-gradient(135deg, #D6EAF8, #8FC5E8)',
+        'linear-gradient(135deg, #BAE6FD, #38BDF8)',
         'linear-gradient(135deg, #E8F5E9, #81C784)',
         'linear-gradient(135deg, #E8F5E9, #81C784)',
         'linear-gradient(135deg, #FFF3E0, #FFB74D)',
         'linear-gradient(135deg, #FFF3E0, #FFB74D)',
         'linear-gradient(135deg, #F3E5F5, #CE93D8)',
         'linear-gradient(135deg, #F3E5F5, #CE93D8)',

+ 2 - 2
cfc-frontend/pages/tasks/review.vue

@@ -163,7 +163,7 @@ export default {
   border-radius: var(--radius-md, 20rpx);
   border-radius: var(--radius-md, 20rpx);
   padding: 8rpx;
   padding: 8rpx;
   margin-bottom: 32rpx;
   margin-bottom: 32rpx;
-  box-shadow: var(--shadow-sm, 0 4rpx 12rpx rgba(91, 155, 213, 0.06));
+  box-shadow: var(--shadow-sm, 0 4rpx 12rpx rgba(249,115,22,0.06));
   border: 1px solid var(--border-light, #E2E8F0);
   border: 1px solid var(--border-light, #E2E8F0);
 }
 }
 
 
@@ -221,7 +221,7 @@ export default {
   justify-content: center;
   justify-content: center;
   padding: 0 8rpx;
   padding: 0 8rpx;
   margin-left: 8rpx;
   margin-left: 8rpx;
-  box-shadow: 0 2rpx 8rpx rgba(91, 155, 213, 0.3);
+  box-shadow: 0 2rpx 8rpx rgba(249,115,22,0.3);
 }
 }
 
 
 .tab-bar__badge-text {
 .tab-bar__badge-text {

+ 7 - 7
cfc-frontend/pages/wishes/index.vue

@@ -609,7 +609,7 @@ export default {
   right: -30%;
   right: -30%;
   width: 300rpx;
   width: 300rpx;
   height: 300rpx;
   height: 300rpx;
-  background: radial-gradient(circle, rgba(91, 155, 213, 0.15), transparent 70%);
+  background: radial-gradient(circle, rgba(249,115,22,0.15), transparent 70%);
   pointer-events: none;
   pointer-events: none;
 }
 }
 
 
@@ -620,8 +620,8 @@ export default {
   border: 4rpx solid var(--border, #CBD5E1);
   border: 4rpx solid var(--border, #CBD5E1);
   background: linear-gradient(145deg, #FFFFFF, var(--bg-grey, #EDF2F7));
   background: linear-gradient(145deg, #FFFFFF, var(--bg-grey, #EDF2F7));
   box-shadow:
   box-shadow:
-    inset -4rpx -4rpx 12rpx rgba(91, 155, 213, 0.05),
-    6rpx 6rpx 18rpx rgba(91, 155, 213, 0.10);
+    inset -4rpx -4rpx 12rpx rgba(249,115,22,0.05),
+    6rpx 6rpx 18rpx rgba(249,115,22,0.10);
 }
 }
 
 
 .points-card__header {
 .points-card__header {
@@ -712,7 +712,7 @@ export default {
   background: var(--color-primary, #F97316);
   background: var(--color-primary, #F97316);
   border-color: var(--color-primary, #F97316);
   border-color: var(--color-primary, #F97316);
   color: #FFFFFF;
   color: #FFFFFF;
-  box-shadow: 0 4rpx 16rpx rgba(91, 155, 213, 0.25);
+  box-shadow: 0 4rpx 16rpx rgba(249,115,22,0.25);
 }
 }
 
 
 .filter-tab:active {
 .filter-tab:active {
@@ -911,7 +911,7 @@ export default {
   border: 4rpx solid var(--border, #CBD5E1);
   border: 4rpx solid var(--border, #CBD5E1);
   box-shadow:
   box-shadow:
     inset -3rpx -3rpx 10rpx rgba(255, 255, 255, 0.3),
     inset -3rpx -3rpx 10rpx rgba(255, 255, 255, 0.3),
-    4rpx 4rpx 16rpx rgba(91, 155, 213, 0.3);
+    4rpx 4rpx 16rpx rgba(249,115,22,0.3);
   z-index: 100;
   z-index: 100;
   transition: transform 0.15s ease;
   transition: transform 0.15s ease;
 }
 }
@@ -924,7 +924,7 @@ export default {
   position: absolute;
   position: absolute;
   inset: -8rpx;
   inset: -8rpx;
   border-radius: 50%;
   border-radius: 50%;
-  background: rgba(91, 155, 213, 0.15);
+  background: rgba(249,115,22,0.15);
   animation: pulseGlow 2s ease-in-out infinite;
   animation: pulseGlow 2s ease-in-out infinite;
   pointer-events: none;
   pointer-events: none;
 }
 }
@@ -1021,7 +1021,7 @@ export default {
 .emoji-item--active {
 .emoji-item--active {
   background: linear-gradient(145deg, #FFFFFF, var(--bg-grey, #EDF2F7));
   background: linear-gradient(145deg, #FFFFFF, var(--bg-grey, #EDF2F7));
   border-color: var(--color-primary, #F97316);
   border-color: var(--color-primary, #F97316);
-  box-shadow: 0 4rpx 12rpx rgba(91, 155, 213, 0.15);
+  box-shadow: 0 4rpx 12rpx rgba(249,115,22,0.15);
 }
 }
 
 
 .emoji-item:active {
 .emoji-item:active {