修改白名单，修复动画样式问题

src/router/index.ts

@@ -9,7 +9,7 @@ const router = createRouter({
 })
 
 
-const whiteList = ['/autoLogin','/login','/notfound','/regist']
+const whiteList = ['/autoLogin','/login','/notfound','/regist','/']
 const managerMenu = ['/market','/editor_admin']
 
 let loadingInstance:any = null 

src/views/Website/components/Welcomes.vue

 <template>
     <div class="window-height overflow-hide" ref="firstCard" @wheel="onChange">
-        <div class="column items-center" :class="{'welcomes-hide':top>0}">
-            <div class="animate__animated animate__fadeInDown logo">
-                <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713237911000_1.png" alt="">
-            </div>
-            <div class="animate__animated animate__fadeInUp" style="margin-top: 2.343vw">
-                <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713237911000_838.png" style="width: 17.8vw;">
-            </div>
-            <div class="animate__animated animate__fadeInUp text-center q-mt-xl text-info" style="width: 23.38vw;font-size: 0.9375vw;">
-                可云端编辑的专业级行程设计工具，为旅游行业量身打造打开网页就可以做出精美行程。
-            </div>
-            <div class="animate__animated animate__fadeInUp linkToSpace cusor-pointer" @click="forwardLogin">
-                <div class="column items-center flex-center">
-                    <span>立即使用</span>
+        <div :class="{'hide':top>0}">
+            <div class="column items-center" ref="firstScreen" :class="{'welcomes-hide':top>0}">
+                <div class="logo" :class="{'animate__animated animate__fadeInDown':top==0}">
+                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713237911000_1.png" alt="">
+                </div>
+                <div :class="{'animate__animated animate__fadeInUp':top==0}" style="margin-top: 2.343vw">
+                    <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1713237911000_838.png" style="width: 17.8vw;">
+                </div>
+                <div class="text-center q-mt-xl text-info" :class="{'animate__animated animate__fadeInUp':top==0}" style="width: 23.38vw;font-size: 0.9375vw;">
+                    可云端编辑的专业级行程设计工具，为旅游行业量身打造打开网页就可以做出精美行程。
+                </div>
+                <div class="linkToSpace cusor-pointer" :class="{'animate__animated animate__fadeInUp':top==0}" @click="forwardLogin">
+                    <div class="column items-center flex-center">
+                        <span>立即使用</span>
+                    </div>
                 </div>
             </div>
         </div>
-        <div class="column items-center full-height two-card" :class="{'flex-center':top>0,'step-2':top>2}">
+        <div class="column items-center window-height two-card" :class="{'flex-center animate__animated animate__backInUp':top>0,'step-2':top>2}">
             <div class="row items-center">
                 <div class="left-box step-2" v-show="top>2" :class="{'step-3':top>3}">
                     <div class="row items-center">
@@ -46,6 +48,7 @@
     </div>
 </template>
 <script lang="ts" setup>
+import { styleType } from 'element-plus/es/components/table-v2/src/common';
 import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
 
 const props = defineProps({
@@ -57,6 +60,7 @@ const props = defineProps({
 const canCount = ref(true)
 const top = ref(0)
 const firstCard = ref<HTMLElement>()
+const firstScreen = ref<HTMLElement>()
 
 const onChange = (e:WheelEvent)=>{
 
@@ -72,6 +76,7 @@ const onChange = (e:WheelEvent)=>{
 
     canCount.value=false
     top.value += e.deltaY>0?1:-1
+    
     setTimeout(() => {
         canCount.value=true
     }, 50);
@@ -124,24 +129,24 @@ const forwardLogin = ()=>{
     position: static !important;
 }
 .website .welcomes-hide{
-    animation: spinner-welcomes 0.2s linear both
+    animation: backOutUp; /* referring directly to the animation's @keyframe declaration */
+    animation-duration: 0.5s;
+    animation-fill-mode: both;
+}
+.website .hide{
+    animation: spinner-welcomes .5s linear forwards
 }
 @keyframes spinner-welcomes {
-    0% {
-        opacity: 1;
-        /* transform: scale(1); */
-    }
     100% {
-        opacity: 0;
-        display: none;
-        /* transform: scale(0.1); */
-        margin-top: 26.04vw;
+        display: none !important;
+        height: 0px;
+        overflow: hidden;
     }
 }
 
-.website .flex-center .img-change{
+/* .website .flex-center .img-change{
     animation: spinner-welcomes-two-img .5s linear both
-}
+} */
 @keyframes spinner-welcomes-two-img {
     0% {
         width: 62vw;