更新记录
1.1(2024-10-22) 下载此版本
使用的数组充当奖池,洗牌打乱的逻辑写一版新的,这版会比上一版的累积概率好理解一些
1.0(2024-03-27) 下载此版本
九宫格抽奖
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | √ | √ | √ |
手机扫码预览
简介
demo实现了九宫格跑马灯抽奖的逻辑,可以参考在基础上自行更改样式,样式变更不会影响功能逻辑
组件虽可控制概率,但为了安全起见,有条件的话概率控制放置服务端处理,纯前端可进行篡改,只是娱乐的话就随意
尽量处理时先调用接口服务端决定中奖数字, 前端只根据对应数字做动效展示,不对中奖商品有决定权
前端抽中再中奖数字给后端,此时会有两个问题:
- 一 是接口有被盗取更改请求的中奖数字的风险,
- 二 是如果有奖品库存条件,需要后端判断奖品库存,避免抽中了没库存的奖品 自行处理,以上只代表个人建议
- V1.0使用的累积概率计算的逻辑进行抽奖
- V1.1使用的数组充当奖池,洗牌打乱的逻辑进行抽奖
- 这里不过多赘述,代码内有参数和函数每一步的注释