更新记录
1.0.0(2024-06-04)
下载此版本
无
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
√ |
√ |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
其他
安装配置
可以使用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 |
每一项的名字和描述的字体颜色 |