Turntable

Available for sweepstakes.

Code Demo

Basic usage

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

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

API

Props

Parameter	Description	Type	Default
list	prize list	Array<img, name>	[]
number	Number of draws remaining	number	1
disabled	Whether to disable the lottery button	boolean	false
prize-index	After clicking the lottery, the winning index	number	0
start-angle	start angle	number	0
laps	The number of laps the lottery animation rotates	number	3
duration	Duration of lottery animation	number	3000
custom-style	custom style	string	``
custom-class	custom class name	string	``

Events

Event Name	Description	Callback Parameters
start	Click to draw	-
end	End of lottery	-