Turntable 转盘

可用于抽奖活动。

引入

import PressTurntable from '@tencent/press-plus/press-turntable/press-turntable';

export default {
  components: {
    PressTurntable,
  }
}

代码演示

基础用法

<PressTurnTable
  :list="list"
  :prize-index="prizeIndex"
  :number="3"
  @start="onStart"
  @end="onEnd"
/>

export default {
  data() {
    return {
      list: [],
      prizeIndex: 3,
    }
  },
  methods: {
    onStart() {
    },
    onEnd() {
    },
  }
}

API

Props

参数	说明	类型	默认值
list	奖品列表	array<img, name>	[]
number	剩余抽奖次数	number	1
disabled	是否禁用抽奖按钮	boolean	false
prize-index	点击抽奖后，中奖的索引	number	0
start-angle	开始角度	number	0
laps	抽奖动画旋转的圈数	number	3
duration	抽奖动画持续时间	number	3000
custom-style	自定义样式	string	-
custom-class	自定义类名	string	-

Events

事件名	说明	回调参数
start	点击抽奖	-
end	抽奖结束	-