更新记录

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
×

手机扫码预览

image

想要更多模版点这里查看

简介

demo实现了九宫格跑马灯抽奖的逻辑,可以参考在基础上自行更改样式,样式变更不会影响功能逻辑

组件虽可控制概率,但为了安全起见,有条件的话概率控制放置服务端处理,纯前端可进行篡改,只是娱乐的话就随意
尽量处理时先调用接口服务端决定中奖数字, 前端只根据对应数字做动效展示,不对中奖商品有决定权
前端抽中再中奖数字给后端,此时会有两个问题:

  • 一 是接口有被盗取更改请求的中奖数字的风险,
  • 二 是如果有奖品库存条件,需要后端判断奖品库存,避免抽中了没库存的奖品 自行处理,以上只代表个人建议
  • V1.0使用的累积概率计算的逻辑进行抽奖
  • V1.1使用的数组充当奖池,洗牌打乱的逻辑进行抽奖
  • 这里不过多赘述,代码内有参数和函数每一步的注释

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问