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