Files
C-end.MiniProgram.Prototype/docs/07-页面规格/04-Tab-我的页.md

1.4 KiB

T04 我的页

  • 页面编码:T04
  • 页面层级:Tab
  • 适用场景:全场景
  • 页面目标:集中展示用户身份、资产、服务和复购入口
  • 主要依赖组件:G40G41G42

1. 页面结构(从上到下)

  1. 用户头部卡
  2. 资产总览区
  3. 订单快捷入口区
  4. 会员与增长入口区
  5. 服务入口区
  6. 复购推荐区

2. 区块说明

2.1 用户头部卡

  • 使用 G40
  • 展示:
    • 头像
    • 昵称
    • 会员等级
    • 成长值进度摘要

2.2 资产总览区

  • 使用 G41
  • 展示:
    • 优惠券数量
    • 积分余额
    • 储值余额
    • 次卡数量 / 剩余次数摘要

2.3 订单快捷入口区

  • 展示:
    • 待支付
    • 进行中
    • 已完成
    • 售后 / 退款
  • 点击后跳转 T03 订单页 对应筛选状态

2.4 会员与增长入口区

  • 使用 G42
  • 入口包含:
    • 会员中心
    • 领券中心
    • 积分商城
    • 储值充值
    • 次卡页

2.5 服务入口区

  • 包含:
    • 地址管理
    • 消息中心
    • 帮助中心
    • 联系客服
    • 协议与隐私

2.6 复购推荐区

  • 展示最近订单和常点商品
  • 提供“再来一单”入口

3. 页面状态

登录态

  • 展示完整资产与服务

未登录态

  • 展示基础入口
  • 资产卡片改为“登录后查看”

4. 实现备注

  • “我的”页要兼顾资产页和服务页
  • 顶部头部卡与资产总览区需要在视觉上形成核心焦点