no message

src/views/Forestage/Home/index.vue

@@ -2,7 +2,7 @@
   <!-- 首页 -->
   <div class="home-index">
     <div class="index-bg-1">
-        <div v-if="!userToken" class="info-1 text-align-center box-sizing-border-box pt-100">
+        <div v-if="!userToken" class="wow animate__animated animate__bounceInUp info-1 text-align-center box-sizing-border-box pt-100">
             <div class="fs-34 fc-f fw-500 mb-12">{{$t('home.text1')}}</div>
             <div class="fs-14 fc-f fw-400 mb-40">{{$t('home.text2')}}</div>
             <div class="box-1 text-align-center fs-16 mb-12 hand-cursor" @click="toLogin()">{{$t('LoginIndex.login')}}</div>
@@ -11,27 +11,27 @@
     </div>
 
     <div class="index-bg-2  box-sizing-border-box pt-60">
-      <div class="fs-30 mb-18 text-align-center">{{$t('home.text3')}}</div>
-      <div class="fs-14 mb-60 box-sizing-border-box plr-220 lh-20">
+      <div class="fs-30 mb-18 text-align-center wow animate__animated animate__bounceInUp">{{$t('home.text3')}}</div>
+      <div class="fs-14 mb-60 box-sizing-border-box plr-220 lh-20 wow animate__animated animate__bounceInUp">
         {{$t('home.text4')}}
       </div>
       <div class="box-sizing-border-box plr-220 justify-content-space-between">
-        <div class="home-1">
-          <img class="home-1-img" src="@/assets/img/home/home-1-1.png" alt="">
+        <div class="home-1 wow animate__animated animate__bounceInLeft">
+          <img class="home-1-img wow fadadeInUp" src="@/assets/img/home/home-1-1.png" alt="">
           <div class="fs-14 mb-5">{{$t('home.text5')}}</div>
           <div class="fs-12 lh-17">{{$t('home.text6')}}</div>
         </div>
-        <div class="home-1">
+        <div class="home-1 wow animate__animated animate__bounceInLeft">
           <img class="home-1-img" src="@/assets/img/home/home-1-2.png" alt="">
           <div class="fs-14 mb-5">{{$t('home.text7')}}</div>
           <div class="fs-12 lh-17">{{$t('home.text8')}}</div>
         </div>
-        <div class="home-1">
+        <div class="home-1 wow animate__animated animate__bounceInRight">
           <img class="home-1-img" src="@/assets/img/home/home-1-3.png" alt="">
           <div class="fs-14 mb-5">{{$t('home.text9')}}</div>
           <div class="fs-12 lh-17">{{$t('home.text10')}}</div>
         </div>
-        <div class="home-1">
+        <div class="home-1 wow animate__animated animate__bounceInRight">
           <img class="home-1-img" src="@/assets/img/home/home-1-4.png" alt="">
           <div class="fs-14 mb-5">{{$t('home.text11')}}</div>
           <div class="fs-12 lh-17">{{$t('home.text12')}}</div>
@@ -40,27 +40,27 @@
     </div>
 
     <div class="index-bg-3 box-sizing-border-box pt-60 ">
-      <div class="fs-30 mb-18 text-align-center mb-60">{{$t('home.text13')}}</div>
+      <div class="fs-30 mb-18 text-align-center mb-60 wow animate__animated animate__bounceInUp">{{$t('home.text13')}}</div>
       <div class="justify-content-space-between plr-220 box-sizing-border-box mb-18">
-        <div class="box-sizing-border-box p-15-20 bg-c-f w-490">
+        <div class="box-sizing-border-box p-15-20 bg-c-f w-490 wow animate__animated animate__bounceInLeft">
           <img class="home-2-img mb-12" src="@/assets/img/home/2-1.png" alt="">
           <div class="fs-18 text-align-center">{{$t('home.text14')}}</div>
         </div>
-        <div class="box-sizing-border-box p-15-20 bg-c-f w-490">
+        <div class="box-sizing-border-box p-15-20 bg-c-f w-490 wow animate__animated animate__bounceInRight">
           <img class="home-2-img mb-12" src="@/assets/img/home/2-2.png" alt="">
           <div class="fs-18 text-align-center">{{$t('home.text15')}}</div>
         </div>
       </div>
       <div class="justify-content-space-between plr-220 box-sizing-border-box">
-        <div class="box-sizing-border-box p-15-20 bg-c-f w-320">
+        <div class="box-sizing-border-box p-15-20 bg-c-f w-320 wow animate__animated animate__bounceInLeft">
           <img class="home-2-img mb-12" src="@/assets/img/home/2-3.png" alt="">
           <div class="fs-18 text-align-center">{{$t('home.text16')}}</div>
         </div>
-        <div class="box-sizing-border-box p-15-20 bg-c-f w-320">
+        <div class="box-sizing-border-box p-15-20 bg-c-f w-320 wow animate__animated animate__bounceInUp">
           <img class="home-2-img mb-12" src="@/assets/img/home/2-4.png" alt="">
           <div class="fs-18 text-align-center">{{$t('home.text17')}}</div>
         </div>
-        <div class="box-sizing-border-box p-15-20 bg-c-f w-320">
+        <div class="box-sizing-border-box p-15-20 bg-c-f w-320 wow animate__animated animate__bounceInRight">
           <img class="home-2-img mb-12" src="@/assets/img/home/2-5.png" alt="">
           <div class="fs-18 text-align-center">{{$t('home.text18')}}</div>
         </div>
@@ -68,17 +68,17 @@
     </div>
 
     <div class="index-bg-4 box-sizing-border-box pt-60">
-      <div class="fs-30 mb-18 text-align-center mb-12">{{$t('home.text19')}}</div>
-      <div class="fs-14 mb-18 text-align-center mb-12 mb-32 plr-220">{{$t('home.text20')}}</div>
+      <div class="fs-30 mb-18 text-align-center mb-12 wow animate__animated animate__bounceInUp">{{$t('home.text19')}}</div>
+      <div class="fs-14 mb-18 text-align-center mb-12 mb-32 plr-220 wow animate__animated animate__bounceInUp">{{$t('home.text20')}}</div>
 
       <div class="justify-content-space-between box-sizing-border-box plr-220">
-        <div class="img-3">
+        <div class="img-3 wow animate__animated animate__bounceInLeft">
             <img class="img-3 mb-32" src="@/assets/img/home/3-1.png" alt="">
             <div class="fs-16 lh-20">
              {{$t('home.text21')}}
             </div>
         </div>
-        <div class="img-3">
+        <div class="img-3 wow animate__animated animate__bounceInRight">
             <img class="img-3 mb-32" src="@/assets/img/home/3-2.png" alt="">
             <div class="fs-16 lh-20">
               {{$t('home.text22')}}
@@ -87,7 +87,7 @@
       </div>
     </div>
 
-    <div class="index-bg-5 box-sizing-border-box pt-60">
+    <div class="index-bg-5 box-sizing-border-box pt-60 wow animate__animated animate__bounceInUp">
       <div class="fs-30 mb-18 text-align-center mb-12">{{$t('home.text23')}}</div>
       <div class="fs-14 mb-18 text-align-center mb-12 mb-60 plr-314 lh-20">{{$t('home.text24')}}</div>
 

src/views/Forestage/Team/index.vue

@@ -2,13 +2,13 @@
   <!-- 团队 -->
   <div class="work-index">
     <div class="work-index-bg box-sizing-border-box pt-100">
-      <div class="fc-f fs-34 fw-400 text-align-center mb-44">{{$t('home3.text1')}}</div>
-      <div class="align-items-center justify-content mb-18">
+      <div class="fc-f fs-34 fw-400 text-align-center mb-44 wow animate__animated animate__bounceInUp">{{$t('home3.text1')}}</div>
+      <div class="align-items-center justify-content mb-18 wow animate__animated animate__bounceInUp">
         <img class="d-icon" src="@/assets/img/team/d-icon.png" alt="">
         <div class="fs-14 fc-f">{{$t('home3.text2')}}</div>
         <img class="d-icon" src="@/assets/img/team/d-icon.png" alt="">
       </div>
-      <div class="align-items-center justify-content">
+      <div class="align-items-center justify-content wow animate__animated animate__bounceInUp">
         <div class="b-1 fs-12 text-align-center mr-10">{{$t('home3.text3')}}：{{code}}</div>
         <div class="b-2 fs-12 text-align-center hand-cursor">{{$t('home3.text4')}}</div>
       </div>
@@ -16,15 +16,15 @@
 
     <div class="box-sizing-border-box box-card">
       <div class="mb-96">
-        <div class="fs-36 mb-16 fw-500">{{$t('home3.text5')}}</div>
-        <div class="fs-22 lh-36 fw-400">
+        <div class="fs-36 mb-16 fw-500 wow animate__animated animate__bounceInLeft">{{$t('home3.text5')}}</div>
+        <div class="fs-22 lh-36 fw-400 wow animate__animated animate__bounceInRight">
           {{$t('home3.text6')}}
         </div>
       </div>
 
       <div class="justify-content-space-between mb-60">
-          <img class="left-img" src="@/assets/img/team/1.png" alt="">
-          <div class="flex-1  box-sizing-border-box">
+          <img class="left-img wow animate__animated animate__bounceInLeft" src="@/assets/img/team/1.png" alt="">
+          <div class="flex-1 wow animate__animated animate__bounceInRight box-sizing-border-box">
             <div class="num-box mb-16">1</div>
             <div class="fs-16 fw-500 mb-16">{{$t('home3.text7')}}</div>
             <div class="fs-12 fw-400 lh-17">
@@ -33,8 +33,8 @@
           </div>
       </div>
       <div class="justify-content-space-between mb-60">
-          <img class="left-img" src="@/assets/img/team/2.png" alt="">
-          <div class="flex-1  box-sizing-border-box">
+          <img class="left-img wow animate__animated animate__bounceInLeft" src="@/assets/img/team/2.png" alt="">
+          <div class="flex-1 wow animate__animated animate__bounceInRight box-sizing-border-box">
             <div class="num-box mb-16">2</div>
             <div class="fs-16 fw-500 mb-16">{{$t('home3.text9')}}</div>
             <div class="fs-12 fw-400 lh-17">
@@ -43,8 +43,8 @@
           </div>
       </div>
       <div class="justify-content-space-between mb-60">
-          <img class="left-img" src="@/assets/img/team/3.png" alt="">
-          <div class="flex-1  box-sizing-border-box">
+          <img class="left-img wow animate__animated animate__bounceInLeft" src="@/assets/img/team/3.png" alt="">
+          <div class="flex-1 wow animate__animated animate__bounceInRight box-sizing-border-box">
             <div class="num-box mb-16">3</div>
             <div class="fs-16 fw-500 mb-16">{{$t('home3.text11')}}</div>
             <div class="fs-12 fw-400 lh-17">
@@ -53,8 +53,8 @@
           </div>
       </div>
       <div class="justify-content-space-between mb-60">
-          <img class="left-img" src="@/assets/img/team/4.png" alt="">
-          <div class="flex-1  box-sizing-border-box">
+          <img class="left-img wow animate__animated animate__bounceInLeft" src="@/assets/img/team/4.png" alt="">
+          <div class="flex-1 wow animate__animated animate__bounceInRight box-sizing-border-box">
             <div class="num-box mb-16">4</div>
             <div class="fs-16 fw-500 mb-16">{{$t('home3.text13')}}</div>
             <div class="fs-12 fw-400 lh-17">
@@ -63,8 +63,8 @@
           </div>
       </div>
       <div class="justify-content-space-between mb-60">
-          <img class="left-img" src="@/assets/img/team/5.png" alt="">
-          <div class="flex-1  box-sizing-border-box">
+          <img class="left-img wow animate__animated animate__bounceInLeft" src="@/assets/img/team/5.png" alt="">
+          <div class="flex-1 wow animate__animated animate__bounceInRight box-sizing-border-box">
             <div class="num-box mb-16">5</div>
             <div class="fs-16 fw-500 mb-16">{{$t('home3.text15')}}</div>
             <div class="fs-12 fw-400 lh-17">

src/views/Forestage/Tourism/index.vue

@@ -1,7 +1,7 @@
 <template>
 	<!-- 旅游 -->
 	<div class="tourism-box">
-		<div class="fs-42 fw-400 text-align-center mt-30 mb-18">{{$t('home2.text1')}}</div>
+		<div class="fs-42 fw-400 text-align-center mt-30 mb-18 wow animate__animated animate__bounceInUp">{{$t('home2.text1')}}</div>
 		<div class="justify-content box-sizing-border-box plr-220  row-wrap">
 			<div class="class-item text-align-center fs-14 fw-500 box-sizing-border-box hand-cursor "
 				v-for="(item,i) in classList" :key="i" :class="id==item.id?'s-class-item':''"