跳到主要内容

抽奖机(已废弃)

适用场景#

用于实现简单的营销抽奖场景。

使用说明

点击按钮实现抽奖机滚动

  1. 创建一个 boolean 类型的普通变量,并将初始值设为 false

  1. 在编辑区中添加一个抽奖机组件与一个按钮组件

  1. 在抽奖机的组件配置区中将"立即开始滚动"绑定刚刚刚刚创建的模型变量并且将"刷新后重置"配置项开启

  1. 为按钮组件配置点击时变量赋值的事件,将控制滚动的变量赋值为 true,如下图所示

5.保存完成后点击按钮,抽奖机便可以开始正常进行滚动

属性介绍

组件接收的外部传入的属性

属性名
属性标识
类型
说明
itemsitemsarray

设置奖项对应的奖项编号

示例:[ { "value": 0 }, { "value": 0 }, { "value": 0 } ]

滚动速度speednumber

设置抽奖机动画播放时的滚动速度

示例:60

立即开始滚动startboolean

开启后抽奖机将立即开始播放抽奖动画

示例:false

奖项设置candidatesarray

配置奖项图片以及奖项编号

示例:[ { "image": "", "value": 0 }, { "image": "", "value": 1 }, { "image": "", "value": 2 }, { "image": "", "value": 3 }, { "image": "", "value": 4 }, { "image": "", "value": 5 }, { "image": "", "value": 6 }, { "image": "", "value": 7 }, { "image": "", "value": 8 }, { "image": "", "value": 9 } ]

刷新后重置resetboolean

开启后,页面刷新后抽奖机将会重置为默认状态

示例:false

事件介绍

组件暴露的事件,可以监听组件的事件来触发一些外部的动作

事件名
事件code
事件出参 event.detail
适用情况
说明
滚动结束end兼容三端

-