完成兑奖页面逻辑

src/components/Loading.vue

@@ -1,11 +1,10 @@
 <script setup>
 import { Toast } from "vant";
 import gsap from "gsap";
-import { debounceTap } from "@/plugins";
 import Preloader from "@/plugins/Preloader";
 import { loadImg, pageImg } from "@/data/imgList";
-import {getMyPrize} from '@/api'
-import {useMainStore} from '@/store'
+import { getMyPrize } from '@/api'
+import { useMainStore } from '@/store'
 
 // 页面配置初始化
 const emit = defineEmits(["LoadPage"]);
@@ -46,10 +45,10 @@ onMounted(() => {
       duration: 0.2,
       autoAlpha: 1,
       onComplete: () => {
-        getMyPrize({},userStore.token).then(
-          res=>{
-            if(res.code == 0){
-              console.log('我的奖品',res);
+        getMyPrize({}, userStore.token).then(
+          res => {
+            if (res.code == 0) {
+              console.log('我的奖品', res);
             }
           }
         )
@@ -120,18 +119,22 @@ onMounted(() => {
     .clock-box {
       @include pos(125px, 125px, 313px, 299px);
       @include bg_pos("load/clock-bg.png");
+
       .clock-circle {
         @include pos(13px, 13px, 57px, 55px);
         @include bg_pos("load/clock-circle.png");
       }
+
       .clock-s {
         @include pos(125px, 125px, 0px, 0px);
         @include bg_pos("load/clock-second.png");
       }
+
       .clock-m {
         @include pos(125px, 125px, 0px, 0px);
         @include bg_pos("load/clock-minute.png");
       }
+
       .clock-h {
         @include pos(125px, 125px, 0px, 0px);
         @include bg_pos("load/clock-hour.png");
@@ -145,6 +148,7 @@ onMounted(() => {
       border-color: #e17c4d;
       border-radius: 20px;
       overflow: hidden;
+
       .bar {
         @include box(10%, 38px);
         border-radius: 20px;
@@ -174,5 +178,4 @@ onMounted(() => {
       background-color: aliceblue;
     }
   }
-}
-</style>
+}</style>