mk-mycom-ttl v1.0.1

以下为转盘抽奖组件的使用方法（淘宝小程序）

作者：Kevin.W

npm安装：npm i mk-mycom-ttl

json引用

"usingComponents": {
  "turntable-lottery": "/pages/method/turntable-lottery/turntable-lottery"
}

页面引用

<turntable-lottery lotteryData="{{lotteryData}}" onRef="turntableLottery" onInitDone="onInitDone" onFinsh="onFinsh"></turntable-lottery>
<button size="default" type="primary" onTap="do">开始抽奖</button>

js示例

data: {
    lotteryData: {
      turntable: {
        width: 517,
        height: 517,
        img: "https://img.alicdn.com/imgextra/i2/555657275/O1CN01DMgqRe23c06TkBfxp_!!555657275.png"
      },
      pointer: {
        width: 58,
        height: 71,
        x: 228,
        y: 216,
        img: "https://img.alicdn.com/imgextra/i2/555657275/O1CN01QnpPgP23c06Z0mG79_!!555657275.png"
      },
      config: {
        time: 8,
        animation: "ease-in-out",
        allPrize: 6,
        round: 12
      },
      // 奖品列表 可不传
      // prizeList: [
      //   { id: 0, img: "xxx.png", name: 'xxxxxxx' },
      //   { id: 1, img: "xxx.png", name: 'xxxxxxx' },
      //   { id: 2, img: "xxx.png", name: 'xxxxxxx' },
      //   { id: 3, img: "xxx.png", name: 'xxxxxxx' },
      //   { id: 4, img: "xxx.png", name: 'xxxxxxx' },
      //   { id: 5, img: "xxx.png", name: 'xxxxxxx' }
      // ]
    }
 },
  
 turntableLottery(e) {
   this.turntableLottery = e
 },
 onInitDone(e) {
   // e.success==true时为初始化完成
   console.log(e)
 },
 do(){
  // 开始抽奖 prize为结束时需要转到哪个奖品
 	this.turntableLottery.lotStart({ prize: 2 })
 },
 onFinsh(e) {
  // 结束抽奖 e为返回的中奖数据
  console.log(e)
  // e.id为抽奖时传入的id
  // e.prize为中奖数据（若lotteryData里未传prizeList则为空对象）
 },

属性说明

注意

• 开始抽奖时传入的prize不是下标，是奖品总数