GiftRain 红包雨

参考 __VUE/giftrain/demo.vue,开始后点击下落红包收集奖励。

演示

9:41

代码示例

<re-gift-rain ref="giftRainRef" width="100%" height="580px" :rainTime="15000" :amountList="amountList" @start="handleStart" @gameOver="handleGameOver" @collect="handleCollect" ></re-gift-rain>

引入

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

API

GiftRain Props

名称类型默认值描述必传
visiblebooleantrue-N
widthstring'100%'-N
heightstring'580px'-N
rainTimenumber30000-N
rainNumnumber4-N
rainImgstring'https://img13.360buyimg.com/imagetools/jfs/t1/199416/7/16633/40527/618c8bebEb03467d8/6af8bde529c5cf61.png'-N
amountListArray<string>'0.3元', '0.8元', '1.2元', '2元', '5元' as Array<string>-N
rainSpeednumber4-N
rainWidthnumber50-N
rainHeightnumber50-N
customStylestring''自定义样式N

GiftRain Events

名称参数描述
start--
gameOver--
click-点击时触发
collectreward: string-
endTurns--

GiftRain Slots

名称描述
--