prizeDraw.vue 564 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <view>
  3. <!-- <luckyWheel></luckyWheel> -->
  4. <luckyGrid></luckyGrid>
  5. <!-- <div class="numberBox mt-5">你还剩余<span class="colorBase">{{ number }}</span>次抽奖机会</div> -->
  6. </view>
  7. </template>
  8. <script setup>
  9. // import luckyWheel from '@/pages/lucky/Wheel'
  10. import luckyGrid from '@/pages/lucky/Grid'
  11. const number = 10
  12. </script>
  13. <style lang="scss" scoped>
  14. .numberBox {
  15. font-size: 20px;
  16. font-weight: bold;
  17. padding: 2px 38px;
  18. text-align: center;
  19. }
  20. .colorBase {
  21. color: #00897B;
  22. margin: 0 6px;
  23. font-size: 22px;
  24. }
  25. </style>