更新记录
1.0.0(2021-03-05)
1.0.0 初次发布
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.2 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
使用方法,页面中直接引入组件即可
<pt-lottery ref="pt-lottery" lotteryBg="../../static/lotteryBg.png" lotteryBtn="../../static/lotteryBtn.png" :times="3" :prizeList="prizeList" @start="start" @end="end"></pt-lottery>
参数说明
- lotteryBg 大转盘背景图片地址
- lotteryBtn 抽奖按钮图片地址
- showTimes 是否显示抽奖次数
- times 抽奖次数,类型:Number
- prizeList 奖品列表,类型:Array [{prizeName: '',prizeIcon: ''}]
函数
@start 开始抽奖,执行 this.$refs['pt-lottery'].init(0),0代表奖品列表的索引,如果没有传值,将随机一个奖品
@end 结束抽奖
H5演示地址
已测试端口
APP(IOS),H5,微信小程序,nuve未测试