九宫格抽奖
适用场景#
用于实现简单的活动抽奖功能。
使用说明#
- 奖品配置，支持手动配置和数据源配置，最多支持 8 个奖品，不足 8 个奖品会有占位图显示，超过 8 个的无效。
手动配置：
绑定数据源配置：
设置启动抽奖为开始开关，如果设置为关闭则不会触发抽奖动作，抽奖过程成如果绑定数据源返回 false，立马停止。
设置抽奖希望的结果，支持 1-8，从左上角第一个奖品位置开始为 1，2，3……的奖品顺序，
点击开始抽奖页面，触发抽奖动画，开始后收到绑定数据抽奖的结果后动画逐渐停止，并且显示中奖的位置，如果收不到则超时后自动停止动画。
属性介绍#
属性名 | 类型 | 属性分组 | 默认值 | 说明 |
|---|
| 奖品设置 | array | 基础属性 | [{"title":"8元优惠券","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/70122750-ba8b-4ac7-be71-c2300f1f8c6f.png"},{"title":"劳动节水杯","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/c2842881-5e15-409d-8dd3-352205abe38c.png"},{"title":"10元优惠券","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/b99c4350-c619-4fff-90e0-1980075e0417.png"},{"image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/7cefce40-73e4-4cdd-aa30-d178a4cb6624.png","title":"旅行背包"},{"title":"谢谢参与","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/0aa4dc06-e375-45c2-8ec2-0461a83d5d4a.png"},{"title":"20积分","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/de35f413-6971-4ab3-a816-9c488e169d46.png"},{"title":"流量券","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/3c0ff8a2-8362-4219-875d-0778d65bba80.png"},{"title":"10元优惠券","image":"https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/d11056cc-b8a1-4d50-b993-65d8a434802f.png"}] | - |
| 启动抽奖 | boolean | 基础属性 | true | - |
| 抽奖结果 | string | 基础属性 | "1" | - |
事件#
事件名 | 事件code | 适用情况 | 说明 |
|---|
| 开始抽奖 | clickLotteryButton | 兼容三端 | - |
| 开奖 | finishLottery | 兼容三端 | - |