<template>
  <view v-if="showPrizeDraw">
    <!-- <luckyWheel></luckyWheel> -->
    <luckyGrid></luckyGrid>
    <!-- <slotMachine v-if="props.type === '2'" :lotteryId="lotteryId"></slotMachine> -->
    <!-- <view class="numberBox mt-5">您还剩余<span class="colorBase">{{ luckyDrawsNum }}</span>次抽奖机会</view> -->
  </view>
</template>
<script setup>
// import luckyWheel from '@/pages/lucky/Wheel'
import luckyGrid from '@/pages/lucky/Grid'
// import slotMachine from '@/pages/lucky/slotMachine'
// import PrizeApi from '@/sheep/api/prizeDraw'
import { ref } from 'vue'
// const props = defineProps({
//   skuId: [Number, String],
//   type: {
//     type:String,
//     default: '1'
//   }
// })

// // 获取抽奖次数
// const luckyDrawsNum = ref(0)
// const getLuckyNum = async () => {
//   luckyDrawsNum.value = await PrizeApi.getNumByLotteryId(lotteryId.value)
// }

const showPrizeDraw = ref(true)
// const lotteryId = ref('')
// const getLottery = async () => {
//   if (!props.skuId) return
//   const data = await PrizeApi.getPrizeByGoodsId(props.skuId)
//   lotteryId.value = data.id
//   showPrizeDraw.value = data && Object.keys(data).length > 0
//   if (showPrizeDraw.value) getLuckyNum()
// }
// getLottery()

</script>
<style lang="scss" scoped>
.numberBox {
  font-size: 20px;
  font-weight: bold;
  padding: 2px 38px;
  text-align: center;
}
.colorBase {
  color: #00897B;
  margin: 0 6px;
  font-size: 22px;
}
</style>