1.0.0 • Published 5 years ago
vue-winwheel v1.0.0
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>