P11 海报分享页

P11 海报分享页

页面概述

• 页面名称：海报分享页
• 页面目标：生成并保存业务海报
• 适用角色：全部用户
• 页面入口：路线、景点、商品、邀请页分享按钮

页面组成

1. 海报预览区

• 字段：coverImage、title、subtitle、miniQrCode
• 说明：动态合成业务海报

2. 分享说明区

• 字段：shareTips
• 说明：说明微信好友分享/保存图片路径

按钮设计

按钮	显示条件	动作
保存到相册	海报生成成功	写入本地相册
发送给好友	小程序原生分享能力可用	触发分享卡片

交互逻辑

• 页面接收 bizType / bizId 后发起海报生成
• 海报生成成功后，用户可执行以下操作：
  • 保存到相册
  • 分享给好友
• 页面返回关系：返回来源页

校验与降级规则

• 海报素材缺失时，降级为：纯文字 + 默认图
• 相册权限不足时，引导用户进行授权

状态设计

加载中

• 海报生成过程中展示 loading

失败态

• 海报生成失败时，展示：重新生成
• 异常提示：海报生成失败，请稍后再试

埋点建议

• poster_show
• poster_generate_success
• poster_save_click
• poster_share_friend_click

开发要点

• 海报生成依赖业务参数：bizType、bizId
• 页面需支持海报动态合成与失败重试
• 需处理微信相册权限与原生分享能力可用性判断
• 素材缺失时应具备明确的降级渲染策略