vue-winwheel

vue-winwheel

a winwheel for vuejs based on http://dougtesting.net/home

published on: https://www.npmjs.com/package/vue-winwheel

Demo

The demo page is HERE. or maybe just download this repository and npm install, npm serve the demo folder

Installation

npm

$ npm install vue-winwheel

Usage

Basic

<vue-winwheel :segments="options" />

<script>
import VueWinwheel from './VueWinwheel.vue'

export default {
  data(){
    return{
      options:[
					{
						textFillStyle: '#fff',
						fillStyle: '#000',
						text:'Prize 1'
					},
					{
						textFillStyle: '#000',
						fillStyle: '#fadede',
						text:'Prize 2'
					},
					{
						textFillStyle: '#fff',
						fillStyle: '#000',
						text:'Prize 3'
					},
					{
						textFillStyle: '#000',
						fillStyle: '#fadede',
						text:'Prize 4'
					},
					{
						textFillStyle: '#fff',
						fillStyle: '#000',
						text:'Prize 5'
					},
					{
						textFillStyle: '#000',
						fillStyle: '#fadede',
						text:'Prize 6'
					},
					{
						textFillStyle: '#fff',
						fillStyle: '#000',
						text:'Prize 7'
					},
					{
						textFillStyle: '#000',
						fillStyle: '#fadede',
						text:'Prize 8'
					}
				]
    }
  }
}
</script>

License

The MIT License