# 老虎机抽奖
🚧 提示
注意: 小程序端的基准库不得低于 2.16.1, 否则会报错
框架 | 是否兼容老虎机 |
---|---|
JS | 已兼容 |
Vue | 已兼容 |
React | 已兼容 |
UniApp | 已兼容 |
Taro | 已兼容, 测试中 |
微信小程序 | 已兼容 |
测试用例(临时)
# 基础示例
通过padding挤出边框
查看代码
![](/assets/img/block-borderRadius.d056ecdb.png)
设置边框圆角
查看代码
![](/assets/img/block-img.0b9efc57.png)
使用图片作为背景
查看代码
![](/assets/img/prize-borderRadius.7db56fff.png)
设置格子圆角
查看代码
![](/assets/img/prize-background.d9c82970.png)
设置格子背景颜色
查看代码
![](/assets/img/prize-font.575ccdf4.png)
设置奖品文字
查看代码
![](/assets/img/prize-wordWrap.53d6e34d.png)
设置奖品文字换行
查看代码
![](/assets/img/prize-lineClamp.cc5319fe.png)
设置奖品文字溢出隐藏
查看代码
![](/assets/img/prize-img.4a8d355b.png)
设置奖品图片
查看代码
![](/assets/img/prize-bgImg.b7efca60.png)
设置格子的背景图片
查看代码
![](/assets/img/slot-speed.695610f5.png)
设置不同插槽的转速
查看代码
![](/assets/img/slot-direction.6fd701f7.png)
设置不同插槽的旋转方向
查看代码
![](/assets/img/slot-length.91d614c9.png)
设置5列插槽
查看代码
![](/assets/img/defaultConfig-rowSpacing.57ef3df9.png)
设置奖品的行间距
查看代码
![](/assets/img/defaultConfig-colSpacing.1e98a016.png)
设置奖品的列间距
查看代码
![](/assets/img/defaultConfig-mode.1c9a8be2.png)
设置为横向旋转模式
查看代码
![](/assets/img/demo.3a161c0d.png)
控制游戏的开始和结束
查看代码