瀏覽代碼

feat(frontend): 新用户引导页强化 - 从痛点切入强调'看见和了解'

- Splash: 新增身份声明'看见全家·了解健康·主动管理',副标题改为痛点钩子'孩子的情绪、习惯、能力,你真的看见了吗?'
- OnboardingGuide: 家长端新增第1步痛点开场'你真的了解孩子的状态吗?',子步骤强调'五维沙盘看见全家''小任务大改变''心愿墙看得见努力';孩子端新增'你的每一点成长,都被看见'
- 首页Hero/登录页: slogan统一改为痛点钩子'孩子的情绪、习惯、能力,你真的看见了吗?',sub-slogan强化痛点叙事'情绪低落没察觉、习惯变化没注意、能力短板没发现——问题爆发才着急。先看见,先了解,不等问题发生。'
Sisyphus Agent 1 周之前
父節點
當前提交
2dcd930d22

+ 34 - 8
cfc-frontend/components/OnboardingGuide.vue

@@ -5,9 +5,9 @@
       <view class="onboarding-topbar"></view>
 
       <!-- 步骤内容 -->
-      <view class="onboarding-content" :key="currentStep">
+      <view class="onboarding-content" :key="currentStep" :class="{ 'onboarding-content--intro': steps[currentStep].isIntro }">
         <text class="onboarding-icon">{{ steps[currentStep].icon }}</text>
-        <text class="onboarding-title">{{ steps[currentStep].title }}</text>
+        <text class="onboarding-title" :class="{ 'onboarding-title--intro': steps[currentStep].isIntro }">{{ steps[currentStep].title }}</text>
         <text class="onboarding-desc">{{ steps[currentStep].desc }}</text>
       </view>
 
@@ -36,24 +36,36 @@
 
 <script>
 var PARENT_STEPS = [
+  {
+    icon: '🔍',
+    title: '你真的了解孩子的状态吗?',
+    desc: '情绪低落没察觉、习惯变化没注意、能力短板没发现——很多问题等爆发了才看见。浠艾福帮你在问题发生前,看清孩子真实的身心状态。',
+    isIntro: true
+  },
   {
     icon: '🌏',
-    title: '五维能量沙盘',
-    desc: '这是你家的五维全景图,身·心·智·行·富,每个维度一目了然,帮你全面掌握家庭成长状态'
+    title: '五维沙盘,看见全家',
+    desc: '身·心·智·行·富,一张全景图看清每个维度。孩子身体好不好、情绪怎么样、能力到哪了——不用猜,看得见。'
   },
   {
     icon: '📋',
-    title: '任务激励系统',
-    desc: '给孩子布置小任务,完成后获得星星积分,养成好习惯就这么简单'
+    title: '小任务,大改变',
+    desc: '布置每日小任务,完成就能攒星星。每天一点点积累,好习惯自然养成。'
   },
   {
     icon: '🎁',
-    title: '心愿兑换',
-    desc: '孩子用积分兑换心愿,努力就有回报,培养目标感和延迟满足能力'
+    title: '心愿墙,看得见努力',
+    desc: '孩子攒够星星就能兑换心愿。努力有回报,目标感和坚持力一起培养。'
   }
 ]
 
 var CHILD_STEPS = [
+  {
+    icon: '🔍',
+    title: '你的每一点成长,都被看见',
+    desc: '今天完成了几个任务?比昨天进步了多少?浠艾福帮你记录每一点努力,让成长看得见。',
+    isIntro: true
+  },
   {
     icon: '🌟',
     title: '赚星星',
@@ -187,6 +199,20 @@ export default {
   padding: 0 16rpx;
 }
 
+/* ============================================================
+   介绍步骤 — 开场身份定义页
+   ============================================================ */
+.onboarding-content--intro {
+  padding: 64rpx 56rpx 48rpx;
+}
+
+.onboarding-title--intro {
+  font-size: 32rpx;
+  font-weight: 800;
+  color: var(--color-primary, #F97316);
+  line-height: 1.4;
+}
+
 /* ============================================================
    步进器圆点
    ============================================================ */

+ 12 - 2
cfc-frontend/pages/index-home/index.vue

@@ -249,7 +249,8 @@
     <view class="hero-section">
       <image class="hero-logo" src="/static/logo.png" mode="aspectFit" />
       <text class="hero-name">浠艾福</text>
-      <text class="hero-slogan">给全家的一站式主动健康方案</text>
+      <text class="hero-identity">您的专属家庭主动健康管理师</text>
+      <text class="hero-slogan">孩子的情绪、习惯、能力,你真的看见了吗?</text>
       <text class="hero-powered">亿图腾科技出品</text>
 
       <view class="hero-dims">
@@ -260,7 +261,7 @@
         <view class="hero-dim"><text class="hero-dim-emoji">🔥</text><text class="hero-dim-label">心·大爱</text></view>
       </view>
 
-      <text class="hero-sub-slogan">不等问题发生,先一步 识别风险 · 主动干预 · 持续评估</text>
+      <text class="hero-sub-slogan">情绪低落没察觉、习惯变化没注意、能力短板没发现——问题爆发才着急。先看见,先了解,不等问题发生。</text>
 
       <button class="hero-cta-btn" @click="handleLogin">免费体验 · 登录 / 注册</button>
     </view>
@@ -1449,6 +1450,15 @@ membershipDays: 0,
   letter-spacing: 6rpx;
 }
 
+.hero-identity {
+  display: block;
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #C2410C;
+  margin-top: 12rpx;
+  letter-spacing: 2rpx;
+}
+
 .hero-slogan {
   display: block;
   font-size: 26rpx;

+ 10 - 1
cfc-frontend/pages/login/login.vue

@@ -4,7 +4,8 @@
     <view class="brand-section">
       <image class="logo" src="/static/logo.png" mode="aspectFit" @error="handleImageError"></image>
       <text class="app-name">浠艾福</text>
-      <text class="slogan">给全家的一站式主动健康方案</text>
+      <text class="identity">您的专属家庭主动健康管理师</text>
+      <text class="slogan">孩子的情绪、习惯、能力,你真的看见了吗?</text>
     </view>
 
     <!-- 主动健康理念 + 闭环 -->
@@ -321,6 +322,14 @@ var res = await bindReferralIfNotSelf(refCode)
   letter-spacing: 6rpx;
 }
 
+.identity {
+  display: block;
+  font-size: 26rpx;
+  font-weight: 600;
+  color: #C2410C;
+  margin-top: 10rpx;
+}
+
 .slogan {
   display: block;
   font-size: 24rpx;

+ 12 - 1
cfc-frontend/pages/splash/index.vue

@@ -11,6 +11,7 @@
       </view>
       <text class="splash-brand-name">浠艾福</text>
       <text class="splash-brand-en">Care Family</text>
+      <text class="splash-identity">看见全家 · 了解健康 · 主动管理</text>
       <view class="splash-dims-row">
         <view class="splash-dim-item">
           <view class="splash-dim-circle" style="background:rgba(255,140,66,0.3);"><text class="splash-dim-icon">🌏</text></view>
@@ -33,7 +34,7 @@
           <text class="splash-dim-label">富</text>
         </view>
       </view>
-      <text class="splash-tagline">给全家的一站式幸福提案</text>
+      <text class="splash-tagline">孩子的情绪、习惯、能力,你真的看见了吗?</text>
       <view class="splash-overlay-loading">
         <view class="splash-overlay-dot"></view>
         <view class="splash-overlay-dot"></view>
@@ -170,6 +171,16 @@ export default {
   margin-bottom: 30rpx;
 }
 
+.splash-identity {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: rgba(124,45,18,0.85);
+  letter-spacing: 2rpx;
+  margin-bottom: 12rpx;
+  text-align: center;
+  line-height: 1.5;
+}
+
 .splash-dims-row {
   display: flex;
   flex-direction: row;