购课抽奖 · 微信小程序活动页原型

1活动页 · 默认态(未登录)
可交互:点击底部【立即抽奖】或抽奖机【开始抽奖】走完整链路
演示控制(不属于页面内容):
2授权登录 · 手机号快捷登录
未登录用户点击抽奖后弹出,复用线上小程序登录组件
说明:「其他手机号登录/注册」进入验证码登录,协议勾选后按钮点亮(可在画板 ① 体验)。登录成功后直接开始抽奖;若该账号已抽过,则不再抽奖,直接展示已抽中的代金券。
3即时开奖 · 中奖弹窗
卡片停止滚动后弹出,中间指针所指即为抽中的代金券
说明:弹窗包含中奖账号(手机号脱敏)、抽奖时间、记录编号和有效期,用户可直接截图给顾问。编号由服务端生成,全局唯一。
4已抽奖态 · 活动页
抽奖后再次进入:抽奖机停在抽中的代金券,按钮置为「已抽奖」,底部按钮变为「查看我的代金券」
5我的代金券
入口:中奖弹窗「查看我的代金券」/ 抽奖后底部按钮
说明:状态有三种:未使用、已使用(后台标记核销后同步)、已过期(抽奖当日 23:59:59 后仍未核销)。仅抽奖后可进入,无空状态。
6活动规则
入口:「幸运抽奖」模块右上角「活动规则」,无需登录即可查看
7活动已结束 · 未登录
2026-11-11 之后进入:抽奖机置灰不可抽;可交互:点击底部按钮登录,若该账号抽中过代金券,则显示为画板 ④ 的已抽奖状态
说明:活动结束后不允许再抽奖。抽奖机按钮置灰,点击仅提示“活动已结束”;底部按钮引导登录查看代金券;登录后有奖品则正常显示已抽奖,无奖品则保持已结束状态并提示“您未参与本次抽奖”。
8活动已结束 · 已登录未抽奖
已登录但活动期间未抽奖的用户:抽奖机和底部按钮均为「活动已结束」,不可点击