Appearance
获取抽奖结果并自动展示 - 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 保持一致 逻辑说明:
- 所有抽奖记录会根据 alias + lottery_log.id 作为 key 在 uni_act_use_Lottery_result 判断是否已展示
- 优先处理最近的抽奖记录,根据下面步骤,每次找出一条符合的记录进行弹窗,并将其余记录标记为已展示
- 2.1. 如有中奖,则展示中奖弹窗,并将 lottery_log 传入 act-modal 组件
- 2.2. 没有中奖,则展示未中奖弹窗
参数
Name | Type |
---|---|
options | string | UseLotteryResultOptions |
params | UseLotteryResultOptions |