更新记录
1.0.1(2023-08-22) 下载此版本
V1.0.1
示例项目引用更名
1.0.0(2023-08-21) 下载此版本
V1.0.0
- 根据配置项列表长度生成分区,支持4~8个分区。
- 支持配置奖项标题和图片。
- 支持更改奖项部分样式。
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
jeri-rotation
-
说明
研使用 Uniapp 原生插件实现旋转动画。
-
参数
字段 类型 默认值 描述 cursorUrl String null 指针图片(在线) cursorWidth Number 200 指针图片大小 squareUrl String null 表盘图片(在线) titleColor String #ea5c8c 标题文本颜色 titleSize Number 18 标题文本字体大小 innerPadding Number 8 标题 padding iconWidth Number 80 奖项图片大小 iconPaddingTop Number 58 奖项 padding reward R null 中奖奖项 rewardList Array [] 奖项配置列表 其他 Any null ... -
事件
- play:内部触发抽奖事件。
- end:抽奖结束。
- 参数:callback 函数,用于清除组件上一轮抽奖动画数据。
-
reward 参数
字段 类型 默认值 描述 id Number | String null 奖项 id num Number null 奖项位置序号 prizeName String null 奖项标题 image String null 奖项图片(在线) 其他 Any null ... -
Tips: 组件内部实现抽奖控制,如有业务逻辑问题请联系作者!