微信小程序抽奖转盘v1.1(更新圈数控制和速度控制)

因业务需要一个抽奖大转盘,时间紧迫就去网上找了一个仿天猫的抽奖转盘。但是发现他有很多问题,例如无法设定结果,代码混乱等。我的这个是在他基础之上修改,原帖地址找不到了。。。

github:https://github.com/scorpioLh/turnplate

效果图:

微信小程序抽奖转盘v1.1(更新圈数控制和速度控制)_第1张图片

 

使用方式,先从git上下载components内的turnplate组件放入您的项目中,然后引入:

必需字段:

winningResult: Number 中奖结果 从左上角第一位是1开始,顺时针1 2 3 4 5 6 7 8 ,总共8个中奖号,其他数字无效

prizeImgs: Array 中奖图片数字,从左上角第一位开始顺时针排列,如非8张图片地址组成的数组则无效

非必需字段:

turnResultCallBack: 抽奖结束时的回调

times: Number 转盘转的圈数,默认3圈

speed: Number 移动速度,毫秒为单位,默认100

 

有兴趣的朋友可以持续关注哦,接下来会更新颜色修改或主题定制等。

你可能感兴趣的:(微信小程序,微信小程序,抽奖,转盘)