刮刮乐移动、PC都适用的vue插件

刮刮乐、刮刮卡的轻松实现 一款超简单、超好用、适用于vue的组件

1.先看效果

2.基本用法

1.使用npm下载安装

npm install lzy-scratch-card --save

2.vue项目的引用

import scratchCard from 'lzy-scratch-card'

3.vue项目中使用

<scratch-card
        elementId="scratch"
        width="600px"
        height="300px"
        :moveRadius="15"
        :ratio="0.5"
        :startCallback="startCallback"
        :clearCallback="clearCallbackUp"
        coverColor="#222222"
        coverImg="https://liquid-games.oss-cn-beijing.aliy