wd-lottery v1.0.2

在 vue2.x / vue3.x 中使用

方式 1：通过 import 引入

1. 首先安装插件

# npm 安装：
npm install wd-lottery

# yarn 安装：
yarn add wd-lottery

2. 然后找到 main.js 引入插件并 use

// vue2.x
import { LuckyWheel } from 'wd-lottery'

// TODO: vue3.x 
import { LuckyWheel } from 'wd-lottery/vue3'

3. 最后在组件内使用 <LuckyWheel></LuckyWheel>大转盘抽奖

<template>
  <div>
    <!-- 大转盘抽奖 -->
    <LuckyWheel
      width="200px"
      height="200px"
    >
      <template v-slot:bg>
        <img src="转盘背景" class="bg" alt="">
      </template>
      <template v-slot:item="{ item }">
        <div class="info">
          <img class="prize-img" :src="item.image" />
          <div class="prize-name">{{item.name}}</div>
        </div>
      </template>
    </LuckWheel>
  </div>
</template>

方式 2：通过 script 标签引入

为了避免 CDN 链接出现异常或波动，我非常建议你缓存到本地或服务器

• vue2.x：
  • 最新版本： https://cdn.jsdelivr.net/npm/wd-lottery/dist/wd-lottery.min.js

Attributes

Methods

Events

Slot