|
|
@@ -261,3 +261,105 @@
|
|
|
3. 游客访问我的页：可见登录引导 + "暂不登录"跳转入口
|
|
|
4. 登录后访问各维度页面：底部可见对应维度介绍卡片（图标+名称+定位语+功能列表）
|
|
|
5. 卡片样式：颜色、圆角、阴影与规范一致
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 六、富维度（pages/wealth/index.vue）补充设计
|
|
|
+
|
|
|
+### 6.1 登录前设计
|
|
|
+
|
|
|
+**当前状态**（游客态 :7-21）：
|
|
|
+- PageBanner theme="wealth"（tagline「利他创富·价值共享」）
|
|
|
+- login-guide-section：纯文字引导「登录后查看财富能量、推广收益、邀请返利等更多内容」+ 登录按钮
|
|
|
+- 无其他内容展示
|
|
|
+
|
|
|
+**改版设计**：
|
|
|
+
|
|
|
+```
|
|
|
+┌────────────────────────────────┐
|
|
|
+│ 💧 富 · 利他创富 │ ← PageBanner（保留）
|
|
|
+├────────────────────────────────┤
|
|
|
+│ 富足源于利他与坚持 │ ← 新增：品牌定位语
|
|
|
+│ 分享价值，收获财富 │
|
|
|
+├────────────────────────────────┤
|
|
|
+│ 💰 财富能量，越分享越丰盛 │ ← LoginGuideCard 升级版
|
|
|
+│ · 查看家庭财富能量数据 │
|
|
|
+│ · 管理推广收益与邀请返利 │
|
|
|
+│ · 开通会员享专属折扣 │
|
|
|
+│ [🔒 立即登录] │
|
|
|
+├────────────────────────────────┤
|
|
|
+│ 🛍️ 商城精选 │ ← 新增：商品预览（无需登录）
|
|
|
+│ ┌──────┐ ┌──────┐ ┌──────┐ │
|
|
|
+│ │商品卡│ │商品卡│ │商品卡│ │
|
|
|
+│ └──────┘ └──────┘ └──────┘ │
|
|
|
+│ [查看全部商品 ›] │
|
|
|
+├────────────────────────────────┤
|
|
|
+│ AIFloatingAvatar │ ← 保留
|
|
|
+└────────────────────────────────┘
|
|
|
+```
|
|
|
+
|
|
|
+**改动点**：
|
|
|
+- 品牌定位语区块（橙色渐变，与其他维度一致）
|
|
|
+- LoginGuideCard 文案升级：具体化"财富能量""推广收益""会员折扣"
|
|
|
+- 新增商城精选商品预览区（3 张商品卡，吸引用户登录后购买）
|
|
|
+- 登录按钮保持紫色渐变（#667eea→#764ba2，与"我的"页一致）
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+### 6.2 登录后底部介绍卡片
|
|
|
+
|
|
|
+```
|
|
|
+┌────────────────────────────────┐
|
|
|
+│ 💧 富 · 利他创富 │ ← 紫色渐变底 #F59E0B
|
|
|
+├────────────────────────────────┤
|
|
|
+│ 分享价值，收获财富 │
|
|
|
+├────────────────────────────────┤
|
|
|
+│ ● 财富能量仪表盘 │
|
|
|
+│ ● 推广收益实时统计 │
|
|
|
+│ ● 邀请返利与会员权益 │
|
|
|
+├────────────────────────────────┤
|
|
|
+│ [了解更多 ›] │
|
|
|
+└────────────────────────────────┘
|
|
|
+```
|
|
|
+
|
|
|
+**插入位置**：消费中心区块之后、menu-list 之前（约 line 150 附近）
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 七、五维统一视觉规范
|
|
|
+
|
|
|
+| 维度 | 图标 | 主色 | 卡片背景渐变 | 品牌定位语 |
|
|
|
+|------|------|------|-------------|-----------|
|
|
|
+| 身 | 🌏 | #FF8C42 | #FFF7ED → rgba(255,140,66,0.15) | 科学管理全家健康数据 |
|
|
|
+| 心 | 🔥 | #FF6B9D | #FFF0F5 → rgba(255,107,157,0.15) | 关注全家心理健康成长 |
|
|
|
+| 智 | ⚡ | #6366F1 | #F0F0FF → rgba(99,102,241,0.15) | 提升全家认知与学习能力 |
|
|
|
+| 行 | 🌿 | #10B981 | #F0FFF4 → rgba(16,185,129,0.15) | 改善全家关系与沟通能力 |
|
|
|
+| 富 | 💧 | #F59E0B | #FFFBEB → rgba(245,158,11,0.15) | 分享价值，收获财富 |
|
|
|
+
|
|
|
+**统一样式**：
|
|
|
+- 圆角：16rpx
|
|
|
+- 内边距：24rpx 28rpx
|
|
|
+- 阴影：0 2rpx 8rpx rgba(0,0,0,0.04)
|
|
|
+- 标题：28rpx bold，主色
|
|
|
+- 定位语：22rpx，#666
|
|
|
+- 功能列表：24rpx，#333，每行前加 ●
|
|
|
+- 了解更多按钮：16rpx，主色，右对齐
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 八、实施优先级
|
|
|
+
|
|
|
+1. **P0**：身/心/智/行/富 五个维度的登录前改版（LoginGuideCard 升级）
|
|
|
+2. **P1**：五个维度的登录后介绍卡片（DimensionIntroCard 组件）
|
|
|
+3. **P2**：首页品牌定位语区块
|
|
|
+4. **P3**：我的页视觉优化 + 跳过入口
|
|
|
+
|
|
|
+---
|
|
|
+
|
|
|
+## 九、验收标准
|
|
|
+
|
|
|
+1. 游客访问身/心/智/行/富页面：可见品牌定位语 + LoginGuideCard（具体化权益文案）
|
|
|
+2. 游客访问我的页：可见登录引导 + "暂不登录，先逛逛"链接
|
|
|
+3. 游客访问首页：可见品牌定位语 + 热门内容 + 渐变登录按钮
|
|
|
+4. 登录后访问各维度页面：底部可见对应维度介绍卡片（5行标准样式）
|
|
|
+5. 五维卡片颜色、图标、文案与规范表一致
|
iwt