# 14 · 我的完整设计 > Route: `/mine` · Design Complete --- ## 1. UI 清单 ### 1.1 头部 `MineHeader` 头像(可换)· 昵称 · 会员徽章(非会员显示「开通会员」)· 编辑资料箭头。 ### 1.2 资产条 `MineAssets` | 格 | 内容 | 点击 | |---|---|---| | 会员 | 到期日/未开通 | `/membership` | | AI 次数 | remaining | `/ask` 或 Paywall | | 优惠券 | 张数 | `/coupons` | | 积分 | 余额(若无则隐藏整格 · 模拟器校验) | `/points` | ### 1.3 功能列表(分组定稿) **档案与内容** 1. 生命档案 → `/profile` 2. 我的测试 → `/mine/tests` 3. 我的报告 → `/mine/reports` 4. AI 对话记录 → `/ask/history` 5. 我的收藏 → `/mine/favorites` **订单与商业** 6. 会员中心 → `/membership` 7. 我的订单 → `/mine/orders` 8. 咨询订单 → `/mine/consult-orders` 9. 商城订单 → `/shop/orders` **其它** 10. 邀请好友 → 分享 11. 消息通知设置 → `/settings/notifications` 12. 账号与安全 → `/settings/account` 13. 客服与帮助 → `/help` 14. 关于 → `/about`(协议/隐私/注销入口) --- ## 2. 子页要点 | 页 | 关键交互 | |---|---| | 生命档案列表 | Self 置顶;Other 按更新;新建;滑动删除 | | 报告库 | 类型筛选:星盘/合盘/测评/AI;锁态角标 | | 订单 | 状态 Tab;详情;申请退款 | | 会员中心 | 套餐卡:9.9/25/58/178;权益表;自动续费管理 | | 注销 | 二次确认 + 冷却期说明 | --- ## 3. 状态 `Guest`(显示登录大按钮)· `Loading` · `Ready` · `VipActive` · `VipExpired` · `Error` --- ## 4. API `GET /v1/me` · `GET /v1/membership/me` · `GET /v1/ai/quota` · `GET /v1/orders` · `POST /v1/auth/logout` · `POST /v1/account/delete` `GET /v1/me`: ```json { "user": {"id":"","nickname":"","avatar_url":""}, "membership": {"active":false,"plan":null,"expires_at":null}, "quota": {"ai_remaining":0}, "counts": {"coupons":0,"favorites":0,"reports":0} } ``` --- ## 5. 埋点 `mine_expose` · `mine_item_click{key}` · `membership_open` · `invite_click` ## 6. 校验 ID `V-U01` 列表项集合 · `V-U02` 会员价展示 · `V-U03` 资产条格子 · `V-U04` 注销路径