vue年会刮刮卡抽奖活动代码

Vue移动端抽奖组件，用于刮刮卡​抽奖场景，​支持背景是图片，回调等功能。下面web建站小编给大家简单介绍一下具体实现代码！

vue组件安装

import { createApp } from "vue";
// vue
import { Scratchcard } from "@nutui/nutui-bingo";

const app = createApp();
app.use(Scratchcard);

vue基础用法

<template>
  <nutbig-scratch-card
    content="1000万"
    :coverImg="coverImage"
  ></nutbig-scratch-card>
</template>
<script>
  import { ref, onMounted } from "vue";
  export default {
    setup() {
      const coverImage = ref("图片地址");
	  const opencard = () => {
        console.log("刮开事件完成！");
      };
      return { coverImage };
    },
  };
</script>