更新记录
1.0.0(2024-06-04)
下载此版本
无
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.18 |
× |
√ |
× |
× |
√ |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
× |
× |
√ |
安装配置
可以使用HBuild X直接导入项目 uni_modules中使用,或者下载完成完整的示例,把components文件夹下面的xy-turntable文件直接拷贝到自己的项目中使用,但是还需要注意把static文件夹下面的静态资源哦~
参数说明
参数名 |
类型 |
是否必传 |
描述 |
dataSource |
Array |
是 |
转盘的数据源 |
rowKey |
string |
否 |
唯一项key的取值和抽中项的取值判断,默认值是id |
residualDegree |
number |
是 |
剩余的抽奖次,默认值是0 |
totalDegree |
number |
是 |
总抽奖次数,默认值是5 |
confirmationItemFn |
function |
是 |
请求后端返回的一个中奖项的 Promise.resolve() |
onFrequency |
function |
否 |
抽奖次数使用完成之后的回调 |
onConfirmatLater |
function |
否 |
每次抽奖完成之后的回调 |
dataSource里面的参数说明
参数名 |
描述 |
id |
唯一项 |
bgColor |
每一项的背景颜色 |
name |
每一项的名字 |
describeText |
每一项的描述 |
describeIcon |
每一项的icon,优先显示 describeText |
color |
每一项的名字和描述的字体颜色 |