Scratch 刮奖

基础示例：

<lee-scratch :prizes="prizes" stripe></lee-scratch>  
<script>
    export default {
        data() {
         return {
          prizes:[{
                text: '苹果手机1台'
            }, {
                text: '电影票1张'
            }, {
                text: '现金红66元'
            }, {
                text: '非常遗憾'
            }]           
        }        
       },
       mounted() {
         
       },
       methods: {
        
       }
    }
</script>

显示代码

条纹：

<lee-scratch :prizes="prizes" stripe stripe></lee-scratch>  

显示代码

黑色刮奖区：

<lee-scratch :prizes="prizes" background="#000" :width="300" :height="150"></lee-scratch> 

显示代码

笔刷调节：

<lee-scratch :prizes="prizes" :size="10" textColor="#3eaf7c" background="#3eaf7c" :width="300" :height="150"></lee-scratch> 

显示代码

Scratch属性

参数	说明	类型	可选值	默认值
prizes	奖品设置	Array	--	--
background	刮奖区颜色	String	--	#eee
stripe	条纹	Boolean	true,false	false
textColor	奖品字体颜色	String	--	#f20
textSize	奖品字体大小	Number	--	30
width	宽度	Number	--	260
height	高度	Number	--	112
size	笔刷大小	Number	--	20