导出简历 PDF 后,更多能力会在这里开放
去优化简历页面14-unlock-hub.html · 能力中心 · 验收见 ⑧ · 分工见 ⓪
阅读方式:每条先写界面上是什么,再写元素 ID 与接口。
展示顺序(按角色 · 章节号固定)
接口本页唯一 · GET /user/unlocks → 三列表 · 与 23 助手 Tab 同响应 · 完整见 ⑥
一句话:全站能力清单与解锁状态一览,节点解锁非五 Tab 并列。
btn_nav_back · 优先 history.back() · fallback 23-assistant-tab.html · index 机模 data-embed-back="shell" 回当前 Tab 壳层
fas fa-arrow-left · H5 app-image/icons/icon-arrow-left.svg · 小程序 src/assets/icons/icon-arrow-left.svg#E8EDF2 · 单色 SVGfas fa-arrow-left(顶栏 <i>)· 上线:Image + 上文 SVGpage_title列表行图标 · 嵌套含 容器/尺寸/资产/着色/机模与上线/显隐 · 机模左侧为 Font Awesome(网页图标库)· 上线用 app-image/icons/*.svg · 全表 ICON-CATALOG.md §2。
list_unlock_main03-f2-exam.html
span.menu-icon.chip-gold · 约 24×24 / 外框 32×32 · 行内无独立 icon data-spec-idfas fa-stethoscope · H5 app-image/icons/icon-stethoscope-gold.svg · 小程序 src/assets/icons/icon-stethoscope-gold.svg#F9B400 · 底 chip-gold · 无独立 -active 图fa-check · H5/小程序 icon-check.svg · 色 #F9B400 · 机模无独立 IDfas fa-stethoscope(本行 menu-icon 内 <i>)· 上线:Image + 上文 SVGrow_unlock_f7 · 副文案 「已解锁」 → copy_unlock_f7_hint · 右侧 金色对勾(与摸底一致,禁止灰底「可用」胶囊)→ icon_unlock_f7 · 链 17-f7-interview.html
span.menu-icon.chip-blue · 约 24×24 / 外框 32×32fas fa-comments · H5 app-image/icons/icon-comments-blue.svg · 小程序 src/assets/icons/icon-comments-blue.svg#7EB8FF · 底 chip-blueicon-check.svg · data-spec-id="icon_unlock_f7" · aria-hiddenfas fa-comments / fas fa-check · 上线:左图 + 右勾各 Image + SVGunlocks 含 mock_interview 时展示 · 未解锁隐藏行或锁态29-emotion-d.html
span.menu-icon(默认底)· 约 24×24fas fa-face-smile · H5 app-image/icons/icon-face-smile.svg · 小程序 src/assets/icons/icon-face-smile.svg#E8EDF2 · 单色 SVG<i class="fas …">)· 上线:Image + 上文 SVGemotion_d 已解锁 · 混合态展示36-emoji-capture.html
span.menu-icon · 约 24×24fas fa-camera · H5 app-image/icons/icon-camera.svg · 小程序 src/assets/icons/icon-camera.svg#E8EDF2<i class="fas …">)· 上线:Image + 上文 SVGscope.camera(子页 ②)28-f8-voice.html
span.menu-icon · 约 24×24fas fa-microphone · H5 app-image/icons/icon-microphone.svg · 小程序 src/assets/icons/icon-microphone.svg#E8EDF2<i class="fas …">)· 上线:Image + 上文 SVGf8_voice 已解锁时展示30-e5-rescue.html
span.menu-icon · 约 24×24fas fa-kit-medical · H5 app-image/icons/icon-kit-medical.svg · 小程序 src/assets/icons/icon-kit-medical.svg#E8EDF2<i class="fas …">)· 上线:Image + 上文 SVGlist_unlock_growth12-share-card.html
span.menu-icon · 行内橙字 var(--lux-orange) · 约 24×24fas fa-share-nodes · H5 app-image/icons/icon-share-nodes-orange.svg · 小程序 src/assets/icons/icon-share-nodes-orange.svg#FF7710 · 无 chip 底share_card unlock · 混合态展示27-invite-g6.html
span.menu-icon · 约 24×24fas fa-gift · H5 app-image/icons/icon-gift.svg · 小程序 src/assets/icons/icon-gift.svg#E8EDF218-g2-channel.html
span.menu-icon · 约 24×24fas fa-bullhorn · H5 app-image/icons/icon-bullhorn.svg · 小程序 src/assets/icons/icon-bullhorn.svg#E8EDF2list_unlock_v11 · 职业规划 · 技能提升课程 · 成长陪伴19-career-plan.html
span.menu-icon.chip-blue · 约 24×24fas fa-route · H5 app-image/icons/icon-route-blue.svg · 小程序 src/assets/icons/icon-route-blue.svg#7EB8FF · chip-bluecareer_plan unlockrow_unlock_skill_courses · 链 20-skill-courses.html
span.menu-icon.chip-gold · 约 24×24fas fa-graduation-cap · H5 app-image/icons/icon-graduation-cap-gold.svg · 小程序 src/assets/icons/icon-graduation-cap-gold.svg#F9B400 · chip-gold<i class="fas …">)· 上线:Image + 上文 SVGskill_courses + published_count>0 · published_count=0 → 不渲染本行(原型 mock 仍展示)20-skill-courses ⑥22-growth-diary.html
span.menu-icon · 约 24×24fas fa-seedling · H5 app-image/icons/icon-seedling.svg · 小程序 src/assets/icons/icon-seedling.svg#E8EDF2growth_diary unlockfas fa-lock · H5 app-image/icons/icon-lock.svg · 小程序 src/assets/icons/icon-lock.svgopacity-30 机模样式 · SVG 默认 #E8EDF2#locked 全屏态 · 混合态不展示copy_locked_hintbtn_go_f2_locked · 链 F2列表点击即跳转子能力页。
GET /user/unlocks(本页唯一 · 与 02/23 共用)说明:主路径/增长/1.1 三列解锁态来自本接口;原型 Tab 演示 mock。上线渲染 list_unlock_main · list_unlock_growth · list_unlock_v11。替换清单 → dev-notes · 静态 mock → API。
unlocks[] 或 features.{key}.unlocked · 每项含 id · title · locked · hint20-skill-courses 联动(PRD Q8)
GET /courses 并行(或 unlocks/BFF 响应含 published_count)published_count=0 → 不渲染 row_unlock_skill_courses · 误入 20 见 state_courses_hidden(20 ④)published_count>0 且 skill_courses 已解锁 → 展示本行 · 副文案可读推荐条数(非写死「3 门」)empty_reason=no_gap_match 展示 20 ③progress_step · 未解锁显示 copy_locked_hintmock_interview 显隐。GET /user/unlocks 与三列表容器映射。14-unlock-hub.html · 两态 Tab 可切换。published_count=0 时 14/23 均隐藏课程行/宫格 · 与 20-skill-courses ⑥ 一致。app-image/ICON-CATALOG.md · 本页列表图标见 §2 能力中心 · 底栏 Tab 见 §1 · 文件在 app-image/icons/ · app-image/tab/(选中 *-active.svg)· 用法 app-image/README.mdapp-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10ICON-CATALOG.md §2 · 小程序路径约定见 app-image/README.mdunlocks[].idbadge-v11 与可见「1.1」· 未开放 → 锁/隐藏unlock_hub_view · unlock_item_click(附 item_id)GET /user/unlocks + 课程 published_count → launch-static-to-api(研发)· 空态 UI 真源 20-skill-courses.html ③④悬停可交互控件会出现黄框对照 ID。说明正文可点击改字(仅本浏览器临时草稿,点「恢复默认」还原);永久修改请用 Cursor 改本 HTML 源文件。