2000家门店使用的一个在线抽奖系统,通过web实现,有前端后端。

进入网页后有一个抽奖的转盘,转盘上有圆形的披萨形状的分区代表不同的奖品。转盘下方有一个输入手机号码的输入框,手机号码输入要做隐私显示,只显示前3位和后3味,中间*号表示,输入框下面有一个开始抽奖按钮。

整个页面、ui、各种组建要有活动促销的氛围气息。

使用人员点击开始抽奖按钮后转盘旋转,有一个从慢速到急速在到慢速的过程,停在抽中的奖品上面,并有一个打开彩带的效果,一个模态窗大字显示中了什么奖品。模态窗有一个关闭按钮。

需要有一个后台,登录人员有两种身份,管理员和店长。

管理员 管理员登录后可以设置上述转盘区域可以有那些奖项,并设置对应奖项的中奖几率。 可以查看所有抽奖的记录,展示的信息应该包括门店名称、店长名称、抽奖手机号、抽奖手机号、奖品名称

店长 登录后可以查看门店名称、店长名称、抽奖手机号、抽奖手机号、奖品名称。

参考项目:GitHub - buuing/lucky-canvas: 🎖🎖🎖 基于 TS + Canvas 开发的【大转盘 / 九宫格 / 老虎机】抽奖插件,🌈 一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,🎯 概率前 / 后端可控,🚀 自动根据 dpr 调整清晰度适配移动端 · GitHub