P04 抽奖活动页设计说明

页面目标

承接积分抽奖互动。

适用角色

• 已登录并绑定手机号用户

页面入口

• 首页抽奖浮窗

页面组成

奖盘区

字段：prizeId、prizeName、prizeImage、probability

• 展示 8 个奖品
• 包含抽奖动效

用户资产区

字段：currentPoints、costPoints

• 展示当前积分与单次抽奖消耗

奖品说明区

字段：prizeType、claimMode、ruleText

• 说明积分奖、核销券、实物奖的领取方式

结果弹窗

字段：resultStatus、rewardValue、contactHint

• 抽奖结束后展示结果

主要按钮与动作

• 立即抽奖：登录且积分满足条件时，调用抽奖接口
• 查看中奖记录：打开 P30
• 联系客服：中奖后显示，打开 P32

交互逻辑

1. 进入页面后先查询奖盘配置
2. 点击抽奖后先校验积分
3. 校验通过后触发动效并展示结果

校验规则

• 已登录
• 积分余额充足
• 活动启用
• 奖池库存充足
• 防重复点击

状态与异常

• 配置加载失败时不可抽奖，仅展示重试按钮
• 积分不足提示：当前积分不足，请先完成打卡或兑换积分后再参与
• 活动关闭提示：当前活动暂未开放

跳转关系

• P04 -> P30 / P32

埋点建议

• lottery_show
• lottery_draw_click
• lottery_draw_success
• lottery_draw_fail