Marquee 跑马灯抽奖
参考 NutUI Bingo 的 8 宫格跑马灯抽奖,实现中心按钮触发和逐格高亮停留效果。
演示
9:41
代码示例
引入
推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-marquee />。
API
Marquee Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| prizeList | Array<UTSJSONObject> | as Array<UTSJSONObject> | - | N |
| prizeIndex | number | 0 | - | N |
| speed | number | 150 | - | N |
| circle | number | 30 | - | N |
| disabled | boolean | false | 是否禁用 | N |
| styleOpt | UTSJSONObject | null | null | - | N |
| customStyle | string | '' | 自定义样式 | N |
Marquee Events
| 名称 | 参数 | 描述 |
|---|---|---|
| click | - | 点击时触发 |
| startTurns | - | - |
| endTurns | - | - |
Marquee Slots
| 名称 | 描述 |
|---|---|
| - | - |
