ScratchCard 刮刮卡
支持手势连续刮开,也支持按钮触发模拟刮卡,达到阈值后自动揭晓。
演示
9:41
代码示例
引入
推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-scratch-card />。
API
ScratchCard Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| visible | boolean | true | - | N |
| prizeText | string | '免单券' | - | N |
| labelText | string | '恭喜获得' | - | N |
| coverText | string | '刮开有礼' | - | N |
| coverColor | string | '#B8BEC9' | - | N |
| brushSize | number | 30 | - | N |
| threshold | number | 0.7 | - | N |
| width | string | '300px' | - | N |
| height | string | '180px' | - | N |
| customStyle | string | '' | 自定义样式 | N |
ScratchCard Events
| 名称 | 参数 | 描述 |
|---|---|---|
| finishTurns | prize: string | - |
ScratchCard Slots
| 名称 | 描述 |
|---|---|
| - | - |
