# k-luckdraw **Repository Path**: chuchur/k-luckdraw ## Basic Information - **Project Name**: k-luckdraw - **Description**: 一个九宫格抽奖的轮子 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-08-15 - **Last Updated**: 2022-08-16 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 一个九宫格抽奖的轮子 ![](luck.gif) ## 在线demo [demo](https://cdn.chuchur.com/demo/luckdraw/index.html) ## 安装 ### NPM ```js npm i k-luckdraw -S ``` ### CDN ```js ``` ## 参数 options ```js var options = { id:'', //render 的dom的ID,必填*** data: [], //奖品的数据,必填*** index: -1, //当前转动到哪个位置,起点位置 speed: 300,//初始转动速度 times: 0,//转动次数 cycle: 50,//转动基本次数:即至少需要转动多少次再进入抽奖环节 prize: -1,//中奖位置,必填***, 不然停不下来 isBengin: false, //已经开始了,就不能进行第二次抽, callBack: null,//回调,轮子转完了得弹个什么框的 autoLuck: false // 默认是否点中间的start 开始抽奖 } var luck = new luckDraw(options) ``` #### options.data.item ```js var item = { title:'10万人民币', //奖品的标题 icon:'', //奖品对应的图片 index:'1' //奖品序号 } options.data = [...item...] ``` ## 示例 ```html
``` #### for vue ```html
```