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

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(2)
下载 1623
赞赏 15
下载 11660528
赞赏 1817
赞赏
京公网安备:11010802035340号