Skip to content

GiftBox 神秘大礼盒

介绍

用于礼盒抽奖,可配置图片、开始结束回调等。

基础用法

html
<template>
  <nut-giftbox
    ref="giftboxEl"
    @start-turns="onTurnsStart()"
    @end-turns="onTurnsEnd()"
  ></nut-giftbox>

  <nut-button @click="init()">再来一次</nut-button>
</template>
ts
import type { GiftBoxInst } from "nutui-uniapp";

const giftboxEl = ref<GiftBoxInst>();

function init() {
  giftboxEl.value.init();
}

function onTurnsStart() {
  console.log("抽奖开始");
}

function onTurnsEnd() {
  console.log("抽奖结束");
}

Events

事件名说明类型
start-turns开始打开礼盒() => void
end-turns礼盒打开后() => void

Exposes

名称说明类型
init初始化礼盒() => void

MIT Licensed