Turntable #

<script setup>
import { onMounted } from 'vue';
import Turntable from 'lattice-lottery-new/Turntable'
const list = [
  {
    label: "华为Mate 60 Pro+",
  },
  {
    label: "1000元现金红包",
  },
  {
    label: "三等奖",
  },
  {
    label: "500元现金红包",
  },
  {
    label: "谢谢参与",
  },
  {
    label: "六等奖",
  }
]

onMounted(() => {
  const oLottery = new Turntable({
    element: '.lottery',
    list,
    tableBg: '/lattice-lottery-new/tableBg.png',
    tableBtn: '/lattice-lottery-new/tableBtn.png',
    onend: (e) => {
      alert(e.label)
    },
    onsubmit: () => {
      oLottery.go(2)
    }
  })
})

</script>

<template>
  <div class="lottery"></div>
</template>

<style lang="less" scoped>
.lottery {
  display: flex;
  justify-content: center;
}
</style>