更新记录

1.0.0（2024-12-06） 下载此版本

1. 老虎机抽奖基础功能
2. 支持自定义列数和内容配置
3. 支持预设中奖结果
4. 动画性能和流畅度顺滑
5. H5、小程序、安卓兼容，其他平台自测

平台兼容性

老虎机抽奖组件

一个简单易用、动画流畅的老虎机抽奖组件，适用于营销活动、游戏抽奖等场景，支持自定义奖品和样式。

介绍

• 流畅的老虎机动画效果
• 支持自定义列数和内容
• 可自定义动画时长和速度
• 支持预设中奖结果

平台兼容性

使用方式

基础用法

<template>
  <wht-lottery ref="lottery" @finish="onLotteryFinish" />
</template>
<script>
export default {
    methods: {
        // 开始抽奖
        startLottery() {
            this.$refs.lottery.start('1A红♠')
        },
        // 抽奖结束回调
        onLotteryFinish(result) {
            console.log('抽奖结束', result)
        }
    }
}
</script>

### 自定义用法

```vue
<template>
  <wht-lottery 
    ref="lottery"
    :columns="3"
    :column-values="customValues"
    @finish="onLotteryFinish"
  />
</template>

<script>
export default {
  data() {
    return {
      customValues: [
        ['金', '银', '铜'],
        ['特', '一', '二'],
        ['奖', '奖', '奖']
      ]
    }
  }
}
</script>

API

Props 属性说明

Events 事件说明

Methods 方法说明

注意事项

1. App-nvue 暂不支持
2. 建议控制抽奖动画时长在3-6秒之间
3. 自定义奖品时需确保每列数据长度一致