抖音同款 · 简历优化

页面31-g4-shortvideo.html · 短视频落地 · G4 · 验收见 ⑧ · 分工见 ⓪

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

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

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

接口本页唯一 · GET /channels/g4（同 G2 渠道模型）· 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：抖音等短视频挂载落地页占位，运营配内容 + 埋点归因。

• 产品 / 老板：⑧；G4 占位 · CTA 链渠道/登录
• 测试：⑧ · UTM 标签 · 视频占位 · 主 CTA
• UI：落地 Hero + 16:9 视频占位 + 主按钮
• 前端：同 G2 CMS 渠道· 详 ⑥
• 合规：运营文案审核 · 新人赠点规则一致

① 状态栏 · 屏幕最上方

• 「9:41」 · 系统时间 · 只展示

② 渠道与标题 · 主内容上部

• 「来自抖音」 · 渠道标签 → copy_g4_channel · UTM 仅 ⑥⑨
• 「抖音同款 · 简历优化」 · 大标题 · 只展示
• 「看完视频即可开始 · 粘贴 JD 一键对齐」 · 副文案 → copy_g4_subtitle

③ 视频占位 · 主内容中部

• 16:9 黑底播放图标区 → display_video_placeholder · 运营替换真实封面/视频

④ 贴底主 CTA

• 「领取新人 10 点」 · 橙色主按钮 → btn_g4_cta · 链 18-g2-channel.html 或登录

⑤ 本页无顶栏返回

外链落地 · 全屏内容 + home indicator。

⑥ 短视频落地 · GET /channels/g4（本页唯一）

说明：G4 渠道文案/占位视频/CTA 来自 CMS；原型写死。与 18-g2-channel 同渠道 API 模型，channel_id=g4。替换清单 → dev-notes · 静态 mock → API。

• 何时调 · 进页 · UTM 归因写入埋点 · 非阻塞
• 响应→控件 · copy_g4_channel · display_video_placeholder · btn_g4_cta
• 失败与边界 · 降级静态占位 · CTA 仍跳登录/首页

⑦ 入口 · 出口

• 入口：抖音/快手等短视频外链
• 出口：18-g2-channel.html · 登录领取新人点

⑧ 怎么验收

1. 左右对照：「抖音同款 · 简历优化」「领取新人 10 点」须与 ②④ 一致。
2. 接口专章：滚到 ⑥ · 可见 GET /channels/g4。
3. 打开：双击 31-g4-shortvideo.html · 见 G4 占位与 CTA。
4. UTM：见 douyin 渠道标签。
5. 视频：见 16:9 播放占位区。
6. 跨页：CTA → 18-g2-channel.html 或登录链可达。

⑨ 团队补充

• 图标资产（第二批） · 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」
• 埋点 · app_launch · g4_cta_click（附 utm_source）
• 原型限制：静态占位 · 正式上线 CMS → launch-static-to-api