老虎机抽奖
用老虎机滚动的方式,实现奖品的抽取。
属性
数据
奖品列表可以通过接口返回,也可以在编辑器里配置,支持新增、编辑、删除
接口返回格式如下:
{
status: 0,
data: [
{
id: '1',
title: '选项1',
picture: 'http://**'
},
{
id: '2',
title: '选项1',
picture: 'http://**'
}
]
}
抽奖设置
新建两个页面变量
中奖ID变量需要绑定页面变量,中奖结果也需要绑定页面变量,注意中奖结果根据中奖ID自动获取。
事件
抽奖开始事件需要请求api接口,该api接口返回抽奖结果,抽奖成功事件和抽奖失败事件可以配置toast提示,告诉用户是否中奖。 暂时不支持前端定义抽奖结果。
首先定义api接口返回格式如下
抽奖开始事件配置如下动作:
返回结果奖品ID通过fx绑定页面变量,即可完成接口赋值。
小程序发布后样式如下:
选项列表字段
属性名 | 属性标识 | 类型 |
---|---|---|
奖项ID | id | string |
奖项标题 | title | string |
奖项图片 | picture | string |