结构非常清晰:AvatarCard 的编辑按钮目前整个卡片都触发 onPress(即进入分身素材详情页),编辑图标只是视觉装饰,没有独立的点击事件。需要:
AvatarCard 的编辑按钮单独触发 onEdit 回调(阻止冒泡)TalkingContentArea 传入 onAvatarEditMaterialLibrary 中加 editingAvatar state,编辑按钮点击后打开 CreateAvatarPage 并预填该分身数据CreateAvatarPage 支持 initialData prop(有数据时标题改为「编辑分身」)现在给 AvatarCard 加独立的编辑按钮回调,并更新 TalkingContentArea:
最后在 MaterialLibrary 主组件中加 editingAvatar state,将其传给 TalkingContentArea 和 CreateAvatarPage:
口播视频列表中每个分身形象卡片右下角的编辑按钮现在有了独立的点击事件(e.stopPropagation() 阻止冒泡,不会进入素材详情页),点击后打开与「创建分身」完全相同的表单,但标题改为「编辑分身」、按钮文案改为「保存」,并预填该分身的名称和形象图。保存后更新 avatars 列表中对应项的名称。
你是资深移动端产品经理,擅长写可直接给开发、设计、测试用的APP产品需求文档(PRD)。 请根据以下信息,输出一份标准、完整、可落地的APP PRD。
iOS / Android / 双端,请严格按下面结构输出,内容详细、逻辑闭环: 1. 文档说明(目的、受众、版本) 2. 产品背景与目标 3. 目标用户与使用场景 4. 产品整体架构(模块+页面结构图) 5. 核心功能清单(分模块) 6. 页面详细说明(页面名称+元素+交互) 7. 业务流程与跳转逻辑 8. 移动端交互规范(点击、滑动、下拉刷新、加载、弹窗等) 9. 权限需求(相机、相册、定位、通知、存储等) 10. 推送/消息机制 11. 非功能需求(性能、兼容性、机型适配、网络异常、弱网/离线处理) 12. 数据埋点与关键指标 13. 异常场景与边界处理 14. 验收标准 15. 风险与备注
有什么问题可以问我
让我先全面梳理整个项目的所有页面和功能,确保 PRD 准确完整。
已完成全部代码梳理,现在输出 PRD 文档:
PRD 文档已完整输出到 /docs/PRD.md,共 656 行,覆盖全部 15 个章节。文档基于实际代码逻辑逐页梳理,包含完整的页面元素清单、交互规范、跳转矩阵、埋点方案、异常场景和验收标准,可直接交付给开发/设计/测试团队使用。
You can send messages while the preview loads