完成加载页、首页、答题页逻辑，待处理动画

src/components/Loading.vue

@@ -12,28 +12,8 @@ const userStore = useMainStore();
 
 const loadNum = ref(0);
 
-const entryAni = () => {
-  gsap.to(".clock-h", {
-    duration: 10,
-    rotation: "+=360",
-    repeat: -1,
-    ease: "none",
-  });
-  gsap.to(".clock-m", {
-    duration: 3,
-    rotation: "+=360",
-    repeat: -1,
-    ease: "none",
-  });
-  gsap.to(".clock-s", {
-    duration: 1,
-    rotation: "+=360",
-    repeat: -1,
-    ease: "none",
-  });
-};
 onMounted(() => {
-  entryAni();
+
   Preloader({
     name: "加载页资源",
     imgs: loadImg,
@@ -86,12 +66,7 @@ onMounted(() => {
   <div class="LoadPage" @touchmove.prevent>
     <div class="load-bg"></div>
     <div class="load-container">
-      <div class="clock-box">
-        <div class="clock-h"></div>
-        <div class="clock-m"></div>
-        <div class="clock-s"></div>
-        <div class="clock-circle"></div>
-      </div>
+    <div class="load-icon"></div>
       <div class="load-box">
         <div class="bar"></div>
       </div>
@@ -118,43 +93,25 @@ onMounted(() => {
     @include box(750px, 1180px);
     // transform: translateY(-50%);
 
-    .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");
-      }
+    .load-icon{
+      @include pos(101px, 55px, 325px, 370px);
+      @include bg_pos("load/icon.png");
     }
 
     .load-box {
-      @include pos(512px, 38px, 119px, 450px);
+      @include pos(512px, 35px, 119px, 450px);
       border-style: solid;
       border-width: 2px;
       border-color: #e17c4d;
       border-radius: 20px;
-      overflow: hidden;
+      padding: 2px;
 
       .bar {
-        @include box(10%, 38px);
+        @include box(0%, 26px);
         border-radius: 20px;
-        background: linear-gradient(45deg, #f2733a, #ffd667);
+        background: linear-gradient( -178deg, rgb(255,184,127) 0%, rgb(255,238,186) 100%);
+        background-image: -webkit-linear-gradient( -178deg, rgb(255,184,127) 0%, rgb(255,238,186) 100%);
+
       }
     }
 
@@ -169,8 +126,7 @@ onMounted(() => {
       background-clip: text;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
-      letter-spacing: 2px;
-      font-style: italic;
+      // letter-spacing: 2px;
     }
 
     .btn {