LLawlight / vue-luckywheel

Vue幸运转盘组件

Home Page:https://llawlight.github.io/vue-luckywheel

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-luckywheel

组件名称:vue幸运转盘
应用场景:抽奖

Install

yarn add vue-luckywheel

or

npm install vue-luckywheel

Usage

import VueLuckywheel from 'vue-luckywheel'
import 'vue-luckywheel/lib/vue-luckywheel.css'

Vue.use(VueLuckywheel)

Demo

online

https://llawlight.github.io/vue-luckywheel

code

https://github.com/LLawlight/vue-luckywheel/tree/master/src/examples

Luckywheel Events

事件名称 说明 回调参数
get-prize 点击转盘按钮时触发 /
game-over 转盘动画结束时触发 /

Luckywheel Attributes

参数 说明 类型 默认值
size 转盘的尺寸 number 300
prize-index 抽中的奖项是转盘中的第几块 number /
rotate-time 转盘旋转动画的时间(s) number 6
default-background 是否启用默认背景色 boolean true

About

Vue幸运转盘组件

https://llawlight.github.io/vue-luckywheel

License:MIT License


Languages

Language:JavaScript 86.8%Language:Vue 12.4%Language:HTML 0.7%