HitEggs 砸金蛋

参考 NutUI bingo demo,还原砸金蛋抽奖玩法。

演示

9:41

代码示例

<re-hit-eggs ref="hitEggsRef" class="demo-page__eggs" :prizeList="prizeList" :times="remainingTimes" @open="handleOpen"></re-hit-eggs>

引入

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

API

HitEggs Props

名称类型默认值描述必传
visiblebooleantrue-N
numnumber9-N
widthstring'80px'-N
heightstring'80px'-N
timesnumber-1-N
prizeListArray<UTSJSONObject>[-N
intactImgstring'https://img10.360buyimg.com/imagetools/jfs/t1/217651/2/1901/114207/617770f2E74551438/5342f7b949e7bec3.png'-N
splitImgstring'https://img13.360buyimg.com/imagetools/jfs/t1/219949/29/1870/75442/61776f7aE5d1a8e07/a8de5321e4e8071e.png'-N
hammerstring'https://img13.360buyimg.com/imagetools/jfs/t1/95159/30/17834/9845/61444874E0f463263/924741cae55efb85.png'-N
customStylestring''自定义样式N

HitEggs Events

名称参数描述
click-点击时触发
openresult: PrizeResult打开时触发

HitEggs Slots

名称描述
--