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

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