ScratchCard 刮刮卡

支持手势连续刮开,也支持按钮触发模拟刮卡,达到阈值后自动揭晓。

演示

9:41

代码示例

<re-scratch-card ref="scratchCardRef" prizeText="免单券" @finishTurns="handleFinish"></re-scratch-card>

引入

推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-scratch-card />。

API

ScratchCard Props

名称类型默认值描述必传
visiblebooleantrue-N
prizeTextstring'免单券'-N
labelTextstring'恭喜获得'-N
coverTextstring'刮开有礼'-N
coverColorstring'#B8BEC9'-N
brushSizenumber30-N
thresholdnumber0.7-N
widthstring'300px'-N
heightstring'180px'-N
customStylestring''自定义样式N

ScratchCard Events

名称参数描述
finishTurnsprize: string-

ScratchCard Slots

名称描述
--