Skip to content

获取抽奖结果并自动展示 - useLotteryResult

用于获取抽奖结果并自动展示抽奖结果弹窗

通常情况下,你可以使用此方法和 ActModal 组件来实现活动抽奖结果的弹窗通知逻辑。

使用方法

vue
<script>
import ActModal from './act-modal.vue'

import {useLotteryResult} from '@ifanrx/uni-act'

// 会自动弹起中奖/未中奖弹窗,并在下一次有新结果前不再重复弹出
const {isLucky, lotteryLog} = useLotteryResult(options.alias)
</script>

<template>
  ...
  <ActModal ref="$actModal" />
</template>

APIs

useLotteryResult(options, params?): LotteryResult

通用抽奖结果展示,自动弹窗、缓存弹窗状态 本方法基于 useActFlow 实现,同时继承所有 useActFlow 参数,lottery 相关请求参数要尽量与 useActFlow 保持一致 逻辑说明:

    1. 所有抽奖记录会根据 alias + lottery_log.id 作为 key 在 uni_act_use_Lottery_result 判断是否已展示
    1. 优先处理最近的抽奖记录,根据下面步骤,每次找出一条符合的记录进行弹窗,并将其余记录标记为已展示
  • 2.1. 如有中奖,则展示中奖弹窗,并将 lottery_log 传入 act-modal 组件
  • 2.2. 没有中奖,则展示未中奖弹窗

参数

NameType
optionsstring | UseLotteryResultOptions
paramsUseLotteryResultOptions

返回值

LotteryResult

源码

act-hooks/use-lottery-result.js