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

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

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

效果图：

 

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

<v-turnplate winningResult="{{winningResult}}" prizeImgs="{{prizeImgs}}" bind:turnResultCallBack="lotteryResult" />

必需字段：

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

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

非必需字段：

turnResultCallBack: 抽奖结束时的回调

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

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

 

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