GiftRain 红包雨
参考 __VUE/giftrain/demo.vue,开始后点击下落红包收集奖励。
演示
9:41
代码示例
引入
推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-gift-rain />。
API
GiftRain Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| visible | boolean | true | - | N |
| width | string | '100%' | - | N |
| height | string | '580px' | - | N |
| rainTime | number | 30000 | - | N |
| rainNum | number | 4 | - | N |
| rainImg | string | 'https://img13.360buyimg.com/imagetools/jfs/t1/199416/7/16633/40527/618c8bebEb03467d8/6af8bde529c5cf61.png' | - | N |
| amountList | Array<string> | '0.3元', '0.8元', '1.2元', '2元', '5元' as Array<string> | - | N |
| rainSpeed | number | 4 | - | N |
| rainWidth | number | 50 | - | N |
| rainHeight | number | 50 | - | N |
| customStyle | string | '' | 自定义样式 | N |
GiftRain Events
| 名称 | 参数 | 描述 |
|---|---|---|
| start | - | - |
| gameOver | - | - |
| click | - | 点击时触发 |
| collect | reward: string | - |
| endTurns | - | - |
GiftRain Slots
| 名称 | 描述 |
|---|---|
| - | - |
