Marquee 跑马灯抽奖

参考 NutUI Bingo 的 8 宫格跑马灯抽奖,实现中心按钮触发和逐格高亮停留效果。

演示

9:41

代码示例

<re-marquee :prizeList="prizeList" :prizeIndex="prizeIndex" :speed="150" :circle="30" :styleOpt="styleOpt" @startTurns="startTurns" @endTurns="endTurns" ></re-marquee>

引入

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

API

Marquee Props

名称类型默认值描述必传
prizeListArray<UTSJSONObject> as Array<UTSJSONObject>-N
prizeIndexnumber0-N
speednumber150-N
circlenumber30-N
disabledbooleanfalse是否禁用N
styleOptUTSJSONObject | nullnull-N
customStylestring''自定义样式N

Marquee Events

名称参数描述
click-点击时触发
startTurns--
endTurns--

Marquee Slots

名称描述
--