方形转盘

优质
小牛编辑
137浏览
2023-12-01



说明

调用方法1:

  • $.f2eAct.creatDraw(el,options); //创建转盘

函数说明:

创建转盘

参数说明:

参数名类型说明备注
elstringDOM元素对象必要
datajson数据源 Task3中 conf接口数据的 data.data必要 必须保证data.data.awardInfo.lottery数据不为空
typestring奖品类型,如果task3有多个转盘,可填写此参数指定某种奖品生成转盘
widthint宽度
heightint高度
fnfunction创建转盘后回调方法

脚本


<div class="f2e-lottery" id="lottery"></div>

<script>
  /**
   * 生成转盘
   **/
  $.f2e.task.conf({"act":"lolhz1509"},function(data){
      if(data.status == 200){
         if(data.data.awardInfo.lottery.length > 0){
            $.f2eAct.creatDraw("#lottery",{
              "data":data.data,
              "type":"YB",
              "width":110,
              "height":75
            });
         }
      }
  })
</script>

调用方法2:

  • $.f2eAct.startDraw(el,options);

函数说明:

转盘启动

参数说明:

参数名类型说明备注
elstringDOM元素对象必要
hoverClassstring旋转时样式,默认提供一个hover样式
speedint初始速度,默认为300
startEqint从第几个开始,默认从0开始
cycleIndexint稳定速度后旋转圈数,默认为1
winidint中奖id
fnfunction抽奖完成后回调方法

脚本


<script>
  /**
   * 转盘启动
   **/
  $.f2eAct.startDraw("#lottery li",{
    hoverClass:"hover",
    winid:4,
    fn:function(){
        alert("恭喜你抽中了XXX")
      }
  });

</script>

效果图