LuckShake 摇一摇
参考 __VUE/luckshake/demo.vue，支持点击指针和真实摇动两种开奖方式。
演示
9:41
代码示例
引入
推荐使用 easycom 模式，配置后无需手动 import 即可直接使用 <re-luck-shake />。
API
LuckShake Props
| 名称 | 类型 | 默认值 | 描述 | 必传 |
|---|---|---|---|---|
| isShake | boolean | false | - | N |
| visible | boolean | true | - | N |
| luckWidth | string | '200px' | - | N |
| luckHeight | string | '160px' | - | N |
| luckImgTop | string | 'https://img13.360buyimg.com/imagetools/jfs/t1/203344/20/16885/31149/61a07610E2520903c/899a906f039535b0.png' | - | N |
| luckImgBottom | string | 'https://img13.360buyimg.com/imagetools/jfs/t1/208979/10/10371/28087/61a07610Ee1e2f1b4/5b6fa12658906939.png' | - | N |
| clickPoint | string | 'https://img11.360buyimg.com/ling/jfs/t1/104643/13/16899/24402/5e830316E70f93784/3f9e9b0d6e11db14.png' | - | N |
| shakeSpeed | number | 110 | - | N |
| durationTime | number | 1000 | - | N |
| durationAnimation | number | 1000 | - | N |
| pointerStyle | UTSJSONObject | null | null | - | N |
| rewardText | string | '摇到 50 元券' | - | N |
| customStyle | string | '' | 自定义样式 | N |
LuckShake Events
| 名称 | 参数 | 描述 |
|---|---|---|
| clickShake | - | - |
| click-shake | - | - |
| shakeEvent | - | - |
| shake-event | - | - |
| endTurns | reward: string | - |
| end-turns | reward: string | - |
LuckShake Slots
| 名称 | 描述 |
|---|---|
| default | 默认插槽 |