LotteryNew 抽奖

引入组件

import LotteryNew from '@polyv/interactions-launch-sdk-ui-default/lib/LotteryNew';

代码示例

<template>
  <!-- 建议弹窗宽度为 560px，弹窗内容高度建议自适应，最高height: 500px -->
  <el-dialog
    v-if="checkInCore"
    :custom-class="'c-interactions-dialog c-interactions-dialog__h350'"
    width="560px"
    title="抽奖"
    :visible.sync="checkInVisible"
    :close-on-click-modal="false"
  >
    <LotteryNew
      :lang="lang"
      :core="lotteryNewCore"
      :live-status='liveStatus'
      :is-subsidiary-room="false"
    />
  </el-dialog>
</template>

<script>
import * as InteractionsLaunchSDK from '@polyv/interactions-launch-sdk';
import LotteryNew from '@polyv/interactions-launch-sdk-ui-default/lib/LotteryNew';
// 弹窗组件可以选择其他 UI 库组件或自行开发，这里没有限制。
import { Dialog } from 'element-ui';

export default {
  components: {
    ElDialog: Dialog,
    LotteryNew,
  },
  data() {
    return {
      lotteryNewCore: null,
      liveStatus: true
    };
  },
  mounted() {
    // TODO: 关于初始化 InteractionsLaunchSDK 的其他设置
    this.lotteryNewCore = new InteractionsLaunchSDK.LotteryNew();
  }
};
</script>

Attributes

属性名	类型	默认值	含义
core	object		抽奖 SDK 实例
lang	string	'zh_CN'	语言包类型。取值范围： 'zh_CN' 中文 'en' 英文
liveStatus	number	false	直播状态。开始直播后才能使用抽奖功能。
isSubsidiaryRoom	boolean	false	是否开启多房间。为 true 时关闭预设功能。
maxWinnersDigit	number	3	最大中奖人数位数