更新记录
1.0.1(2023-08-22) 下载此版本
V1.0.1
示例项目引用更名
1.0.0(2023-08-21) 下载此版本
V1.0.0
- 根据配置项列表长度生成分区,支持4~8个分区。
- 支持配置奖项标题和图片。
- 支持更改奖项部分样式。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.4.15 | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | √ | × | × | √ | × |
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: 组件内部实现抽奖控制,如有业务逻辑问题请联系作者!