更新记录
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 | 每一项的名字和描述的字体颜色 |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 22
赞赏 0
下载 12670014
赞赏 1955
赞赏
京公网安备:11010802035340号