页面10-me.html · 我的 · 底部 Tab · 验收见 ⑧ · 分工见 ⓪

阅读方式：每条先写界面上是什么，再写元素 ID 与接口。

展示顺序（按角色 · 章节号固定）

• 产品 / 老板：⓪ → ①～⑤ → ⑧
• 测试：⑧ → ①～⑤ → ⑦
• 研发：接口速查 → ①～⑤ → ⑥ → ⑦
• UI：①～⑤（图标路径在控件下）
• 数据 / 增长：⑨ → ⑥
• 多态页：③ 内分态 · ⑥⑦⑧⑨ 号不变

接口本页共 2 个 · GET /wallet/balance · GET /resumes（条数摘要）· 菜单为纯导航 · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：账户中心 — 余额充值、简历/订单/增长入口、设置。

• 产品 / 测试：⑧ · 「2 份草稿」须与 15-resume-list 两行 mock 一致
• UI：头像区 + 余额卡片 + 菜单列表 + Tab
• 前端 / 后端：余额 + 简历条数 · 详 ⑥

① 头像区 · 屏幕顶部

• 头像圆 · 首字「林」· 只展示
• 「小林」 · 昵称 → label_user_name
• 「微信用户 · 已登录」 · 灰色小字 → copy_user_meta

② 能量点余额卡片

• 整块可点击 → card_wallet → 09-pay.html
• 「能量点余额」 · 标签小字
• 「28」 · 大号余额 → label_energy_balance · 读 GET /wallet/balance
• 「充值」 · 橙色按钮 · 可点击 → btn_recharge → 同跳转充值页

③ 功能菜单列表

• 「我的简历」 · 副文案 「2 份草稿」 → copy_resume_count_hint · 读 GET /resumes 条数 · 可点击 → menu_resume_list → 15-resume-list.html
• 「投递记录」 → menu_apply_track → 13-f6-apply.html
• 「我的订单」 → menu_orders → 26-orders.html
• 「邀请有礼」 · 「+10点/人」→ menu_invite → 27-invite-g6.html
• 「能力中心」 → menu_unlock_hub → 14-unlock-hub.html
• 「留言板」 → menu_feedback → 16-feedback.html
• 「设置」 → menu_settings → 11-settings.html

④ 低余额态 · Tab「低余额」

• 「能量点不足」 · 提示卡片 → state_low_balance · 「完成 JD 对齐需 10 点」
• 「立即充值」 · 橙色主按钮 → btn_recharge_urgent → 09-pay.html

⑤ 底部 Tab 栏 · 左→右

• 「首页」 → tab_home
• 「简历」 → tab_resume
• 「助手」 → tab_assistant
• 「我的」 · 当前高亮 → tab_me

⑥ 钱包与简历摘要 · 本页共 2 个接口

• GET /wallet/balance
  • 何时调：Tab onShow · 充值成功返回 revalidate
  • 鉴权：需登录
  • 响应 · balance（number）→ label_energy_balance · 原型 mock 28
  • 低余额：< 单次 AI 消耗时可展示 state_low_balance（可选）
• GET /resumes（仅条数摘要 · 同 15 列表页接口）
  • 何时调：Tab onShow · 与列表页共用缓存亦可
  • 响应 · items.length → copy_resume_count_hint 如「2 份草稿」/「1 份草稿」/ 空则「还没有简历」
  • 响应示例（对齐 15-resume-list ② 两行）：{ "items": [{ "id": "r1", "title": "产品运营 · 秋招版", "status": "in_progress" }, { "id": "r2", "title": "用户运营实习 · 腾讯 JD", "status": "exported" }] } → 展示「2 份草稿」
  • 失败：网络错误可隐藏副文案或展示「—」· 不影响菜单点击

⑦ 入口 · 出口

• 入口：底部 Tab「我的」
• 出口：各菜单见 ③ · 余额/充值 → 09-pay.html · 我的简历 → 15-resume-list.html

⑧ 怎么验收

1. 左右对照：昵称「小林」· 余额 28 点 · 菜单「我的简历」副文案 2 份草稿 须与 ②③ 一致。
2. 接口专章：打开说明滚到 ⑥，可见余额与 GET /resumes 条数映射。
3. 打开：Finder 双击 10-me.html · Tab 高亮「我的」。
4. 跳转：点余额卡片/充值 → 09-pay.html；各菜单跳转正确。
5. 跨页：「2 份草稿」与 15-resume-list 两行（产品运营/用户运营实习）一致 · 与 02-home 能量数字 28 点一致。
6. 低余额：Tab 切「低余额」→ 见不足提示 + 立即充值。

⑨ 团队补充

• 图标资产（第一批） · app-image/ICON-CATALOG.md · 菜单 menu-icon 见 §4 我的 · 底栏 Tab 见 §1
• 图标资产（第二批） · app-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表
• 图标资产（第三批） · app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10
• 图标资产（第四批） · app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10
• 分期与排期 · 产品/研发见 launch-static-to-api · 开发说明 ②～⑦ 不写「阶段 N」
• 埋点 · me_tab_view · me_recharge_click · me_menu_click（附 menu_id）
• 原型限制：余额写死 28 · 简历条数写死 2 · 正式上线 → launch-static-to-api