a winwheel for vuejs based on http://dougtesting.net/home
published on: https://www.npmjs.com/package/vue-winwheel
Download this repository
git clone [email protected]:rebotak/vue-winwheel.gitGo to the demo folder
/vue-winwheel/demoThen install dependencies
npm installAnd run the project
npm serve$ npm install vue-winwheel<VueWinwheel :segments="options" /><script>
import VueWinwheel from "vue-winwheel/vue-winwheel"
export default {
components:{
VueWinwheel
},
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>