menduner-mall-uniapp/pages/pay/prizeDraw.vue

<template>
  <view>
    <!-- <luckyWheel></luckyWheel> -->
    <luckyGrid></luckyGrid>
    <!-- <div class="numberBox mt-5">你还剩余<span class="colorBase">{{ number }}</span>次抽奖机会</div> -->
  </view>
</template>
<script setup>
// import luckyWheel from '@/pages/lucky/Wheel'
import luckyGrid from '@/pages/lucky/Grid'

const number = 10
</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>