Turntable 大转盘
参考本地 nutui-bingo-dev 的基础 demo,实现大转盘抽奖展示。
演示
9:41
代码示例
引入
推荐使用 easycom 模式,配置后无需手动 import 即可直接使用 <re-turntable />。
API
Turntable Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| visible | boolean | true | - | N |
| width | string | '300px' | - | N |
| height | string | '300px' | - | N |
| prizeList | Array<UTSJSONObject> | as Array<UTSJSONObject> | - | N |
| prizeIndex | number | -1 | - | N |
| turnsNumber | number | 5 | - | N |
| turnsTime | number | 5 | - | N |
| lockTime | number | 0 | - | N |
| styleOpt | UTSJSONObject | null | null | - | N |
| pointerStyle | UTSJSONObject | null | null | - | N |
| customStyle | string | '' | 自定义样式 | N |
Turntable Events
| 名称 | 参数 | 描述 |
|---|---|---|
| startTurns | - | - |
| endTurns | - | - |
| lockTurns | - | - |
| start | - | - |
| end | prize: string | - |
Turntable Slots
| 名称 | 描述 |
|---|---|
| - | - |
