九宫格抽奖

为H5应用提供九宫格转盘抽奖功能的组件。

概念说明

属性

基础信息

• 组件名称：由字母、数字和下划线组成，用于在表达式中引用、权限上报等场景。
• 是否控制权限：可根据角色设置权限，对无权限的角色的用户隐藏该组件，设置权限前，必须先设置组件名称。
• 条件：可通过表达式设置组件显示的条件，当条件为True时显示，为False时隐藏该组件。

基础配置属性

• 宽度：设置九宫格抽奖画布的宽度。
• 高度：设置九宫格抽奖画布的高度。
• 后端返还的奖品名称：后端返还的奖品信息（需要与格子名称中的内容相同），设置后各格子设置的抽奖概率将无效，只根据后端返还的结果来决定中奖信息。
• 开启默认中奖弹窗：是否开启默认的中奖弹窗，默认为关闭。
• 抽奖开始按钮图片：设置抽奖开始按钮图片。
• 奖品文字颜色：设置所有奖品显示文字的颜色。
• 奖品文字距离顶部的距离（px）: 设置奖品文字距离顶部的距离（默认：60px）。
• 奖品文字字体大小（px）: 设置奖品文字字体大小（默认：22px）。

格子X配置信息

共八个格子配置信息，分别对应设置每个九宫格的中奖信息和中奖概率，从左上角开始为第一个格子，顺时针排序，每个九宫格具有以下属性：

• 格子X奖品图片：设置格子X的奖品图片。
• 格子X名称：设置格子X的名称信息。
• 格子X中奖概率：设置格子X的中奖概率，中奖概率可以直接填百分数，但是需要保证各项相加为100%；或者直接将概率视为库存的概念，即各个格子中奖概率等于各自占总数的百分比，举个例子：设置格子1，2，3，4概率为10，格子5，6，7，8中奖概率为20，则格子1的中奖概率为10/(10*4+ 20*4) = 1/12。

方法

• 抽奖开始时：抽奖时开始时触发。
• 抽奖结束时：抽奖结束时，会以$event的形式返还中奖结果（内容同格子名称）。

样式

样式说明请参见组件通用说明

注：九宫格组件在样式中设置宽高将无效，请在属性中设置。

注意事项

• 九宫格组件仅限H5应用中使用，PC的扩展组件库无此组件。