From c84ca3f1b7c1d42c367169f30caf0806241ed92f Mon Sep 17 00:00:00 2001
From: ozh <sylphy.ou@tfegroup.com.hk>
Date: Mon, 12 Oct 2026 16:03:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(index):=20=E6=B8=B8=E5=AE=A2=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=94=B9=E5=8A=9F=E8=83=BD=E5=B1=95=E7=A4=BA=E5=BD=A2?=
 =?UTF-8?q?=E6=80=81=EF=BC=8C=E7=99=BB=E5=BD=95=E5=BC=95=E5=AF=BC=E9=99=8D?=
 =?UTF-8?q?=E4=B8=BA=E5=BA=95=E9=83=A8=E9=9D=9E=E9=98=BB=E6=96=AD=E5=8D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

微信审核驳回整改：原游客态首屏是「登录后查看家人动态」空态墙，
审核认定为未体验功能即要求授权登录。改为家庭圈入口 + 三张功能
介绍卡（健康雷达/跌倒告警/家庭圈）可自由浏览，登录引导收进底部
卡片，用户体验后自主选择登录。
---
 src/pages/index/index.module.scss | 93 +++++++++++++++++++++++++++++++
 src/pages/index/index.tsx         | 43 ++++++++++++--
 2 files changed, 130 insertions(+), 6 deletions(-)

diff --git a/src/pages/index/index.module.scss b/src/pages/index/index.module.scss
index 101ea2d..5b4f1c3 100644
--- a/src/pages/index/index.module.scss
+++ b/src/pages/index/index.module.scss
@@ -34,6 +34,99 @@
   color: #ffffff;
 }
 
+// ===== 游客首页：功能介绍卡 + 底部登录引导（先浏览体验，后自主选择登录） =====
+.guestSection {
+  padding: 0 24px;
+}
+
+.guestCard {
+  margin-bottom: 24px;
+  padding: 28px;
+  background: $color-bg-white;
+  border-radius: $radius-lg;
+  box-shadow: $shadow-card;
+  display: flex;
+  align-items: center;
+}
+
+.guestCardIcon {
+  flex-shrink: 0;
+  width: 72px;
+  height: 72px;
+  border-radius: $radius-md;
+  background: $color-primary-light-bg;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 20px;
+}
+
+.guestCardIconText {
+  font-size: 32px;
+}
+
+.guestCardBody {
+  flex: 1;
+  min-width: 0;
+}
+
+.guestCardTitle {
+  font-size: 30px;
+  font-weight: 600;
+  color: $color-text;
+}
+
+.guestCardDesc {
+  display: block;
+  margin-top: 8px;
+  font-size: 24px;
+  color: $color-text-secondary;
+}
+
+// 底部登录引导卡：非阻断，用户可继续浏览其他 tab
+.guestLoginCard {
+  margin: 8px 24px 0;
+  padding: 32px 28px;
+  background: $color-bg-white;
+  border-radius: $radius-lg;
+  box-shadow: $shadow-card;
+  display: flex;
+  align-items: center;
+}
+
+.guestLoginTexts {
+  flex: 1;
+  min-width: 0;
+  margin-right: 24px;
+}
+
+.guestLoginTitle {
+  font-size: 30px;
+  font-weight: 600;
+  color: $color-text;
+}
+
+.guestLoginSub {
+  display: block;
+  margin-top: 8px;
+  font-size: 24px;
+  line-height: 1.5;
+  color: $color-text-secondary;
+}
+
+.guestLoginCard .guestLoginBtn {
+  margin-top: 0;
+  padding: 0 36px;
+  height: 72px;
+  flex-shrink: 0;
+}
+
+.guestLoginCard .guestLoginBtnText {
+  font-size: 26px;
+  font-weight: 600;
+  color: #ffffff;
+}
+
 // ===== 家庭圈入口：渐变横幅卡 =====
 .familyEntry {
   margin: 24px;
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 1e9df15..d30c166 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -68,12 +68,7 @@ export default function Index() {
       {loading ? (
         <View className={styles.stateWrap}><Loading /></View>
       ) : guest ? (
-        <View className={styles.stateWrap}>
-          <Empty text="登录后查看家人动态" mode="message" subText="浏览功能无需登录，需要查看告警与设备时再登录" />
-          <View className={styles.guestLoginBtn} hoverClass={styles.guestLoginBtnPressed} onClick={() => navigateTo(ROUTES.LOGIN)}>
-            <Text className={styles.guestLoginText}>去登录</Text>
-          </View>
-        </View>
+        <GuestHome onLogin={() => navigateTo(ROUTES.LOGIN)} />
       ) : loadError ? (
         <StateView status="error" onRetry={loadAlerts} />
       ) : (
@@ -115,6 +110,42 @@ function FamilyEntry({ onClick }: { onClick: () => void }) {
   )
 }
 
+// 游客首页：功能介绍可自由浏览，登录引导放底部非阻断（微信审核：先体验后自主选择登录）
+function GuestHome({ onLogin }: { onLogin: () => void }) {
+  const features = [
+    { icon: '◉', title: '健康雷达守护', desc: '睡眠呼吸、心率监测，异常实时提醒' },
+    { icon: '⚠', title: '跌倒自动告警', desc: '跌倒检测雷达全天值守，紧急联系人速达' },
+    { icon: '👪', title: '家庭圈共享', desc: '家人共同守护长辈，告警动态一起看' }
+  ]
+  return (
+    <>
+      <FamilyEntry onClick={onLogin} />
+      <View className={styles.guestSection}>
+        {features.map((f) => (
+          <View key={f.title} className={styles.guestCard}>
+            <View className={styles.guestCardIcon}>
+              <Text className={styles.guestCardIconText}>{f.icon}</Text>
+            </View>
+            <View className={styles.guestCardBody}>
+              <Text className={styles.guestCardTitle}>{f.title}</Text>
+              <Text className={styles.guestCardDesc}>{f.desc}</Text>
+            </View>
+          </View>
+        ))}
+      </View>
+      <View className={styles.guestLoginCard}>
+        <View className={styles.guestLoginTexts}>
+          <Text className={styles.guestLoginTitle}>登录后开启守护</Text>
+          <Text className={styles.guestLoginSub}>绑定设备、查看告警动态需要登录，可随时在下方自主选择</Text>
+        </View>
+        <View className={styles.guestLoginBtn} hoverClass={styles.guestLoginBtnPressed} onClick={onLogin}>
+          <Text className={styles.guestLoginBtnText}>微信登录</Text>
+        </View>
+      </View>
+    </>
+  )
+}
+
 function UnhandledAlert({ alert, onClick }: { alert: HomeAlarm; onClick: () => void }) {
   return (
     <View className={styles.unhandledCard} onClick={onClick}>