SquareNine 九宫格

参考 __VUE/squarenine/demo.vue,中间开始抽奖,外围卡片翻牌开奖。

演示

9:41

代码示例

<re-square-nine :prizeList="prizeList" :prizeIndex="prizeIndex" :cardImg="cardImg" @startTurns="handleStartTurns" @endTurns="handleEndTurns" ></re-square-nine>

引入

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

API

SquareNine Props

名称类型默认值描述必传
visiblebooleantrue-N
prizeListArray<UTSJSONObject> as Array<UTSJSONObject>-N
prizeIndexnumber0-N
cardImgstring'https://img11.360buyimg.com/imagetools/jfs/t1/73511/35/17197/9388/613852cdE75dc6822/ddb31e0f3cfdcb81.png'-N
customStylestring''自定义样式N

SquareNine Events

名称参数描述
click-点击时触发
startTurns--
returnTurns--
endTurnsprize: string-

SquareNine Slots

名称描述
--