更新记录

1.0.2(2023-12-25) 下载此版本

优化说明文档

1.0.1(2020-01-30) 下载此版本

完善样式 完善一处代码

1.0.0(2020-01-30) 下载此版本

初次提交

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

抽奖转盘

本插件精简了某作者约三倍的代码,并封装了动画,直接就可以使用,非常简单,代码简单优雅易读。

除了没封装成组件没其他毛病

奖品使用字体图标,插件未包含字体,需要换成你自己的字体样式,否则图标看起来应该是乱码

需要使得图片奖励的,可以把字体图标换成图片地址就行了

开奖代码示例

 let index = 3, duration = 4000
 this.animation(index, duration)

setTimeout(() => {
  uni.showModal({content: this.list[index].isNoPrize ? '抱歉,您未中奖' : '恭喜,中奖'})
  this.btnDisabled = '';
  // document.getElementById('zhuanpano').style=''
}, duration + 1000)

关于中奖率等行为控制

这些业务逻辑应该由自己写,一般的抽奖业务逻辑示例:1、请求服务器,获取中奖数据。2、将中奖相应的index传入执行转盘

关于需要锁定的功能,可以在抽奖前加一行这个代码:

if (this.btnDisabled) return

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问