no message

src/components/Forestage/Navigation.vue

@@ -8,12 +8,12 @@
       </div>
 
       <div class="align-items-center">
-        <div @click="navClick(1)" class="fs-16 mr-38 fc-f hand-cursor" :class="{active:navActive === 1}">{{$t('Home')}}</div>
-        <div @click="navClick(2)" class="fs-16 mr-38 fc-f hand-cursor" :class="{active:navActive === 2}">{{$t('Tourism')}}</div>
-        <div @click="navClick(3)" class="fs-16 mr-38 fc-f hand-cursor" :class="{active:navActive === 3}">{{$t('Team')}}</div>
-        <div @click="navClick(4)" class="fs-16 mr-38 fc-f hand-cursor" :class="{active:navActive === 4}">{{$t('Recharge')}}</div>
-        <div @click="navClick(5)" class="fs-16 mr-38 fc-f hand-cursor" :class="{active:navActive === 5}">{{$t('Draw Money')}}</div>
-        <div @click="navClick(6)" class="fs-16 mr-38 fc-f hand-cursor" :class="{active:navActive === 6}">{{$t('My Account')}}</div>
+        <div @click="navClick(1)" class="fs-16 mr-38 fc-f hand-cursor p-f" >{{$t('Home')}}<div v-if="navActive==1" class="p-c wow animate__animated animate__bounceInRight"></div></div>
+        <div @click="navClick(2)" class="fs-16 mr-38 fc-f hand-cursor p-f" >{{$t('Tourism')}}<div v-if="navActive==2" class="p-c wow animate__animated animate__bounceInRight"></div></div>
+        <div @click="navClick(3)" class="fs-16 mr-38 fc-f hand-cursor p-f" >{{$t('Team')}}<div v-if="navActive==3" class="p-c wow animate__animated animate__bounceInRight"></div></div>
+        <div @click="navClick(4)" class="fs-16 mr-38 fc-f hand-cursor p-f" >{{$t('Recharge')}}<div v-if="navActive==4" class="p-c wow animate__animated animate__bounceInRight"></div></div>
+        <div @click="navClick(5)" class="fs-16 mr-38 fc-f hand-cursor p-f" >{{$t('Draw Money')}}<div v-if="navActive==5" class="p-c wow animate__animated animate__bounceInRight"></div></div>
+        <div @click="navClick(6)" class="fs-16 mr-38 fc-f hand-cursor p-f" >{{$t('My Account')}}<div v-if="navActive==6" class="p-c wow animate__animated animate__bounceInRight"></div></div>
 
         <div class="align-items-center mr-38 lang-pop-f hand-cursor" v-click-outside="clickOutside">
           <div class="fs-16 fc-f " @click="open()">{{langText}}</div>
@@ -147,19 +147,29 @@ export default {
     border-radius: 50%;
     margin-right: 10px;
   }
-
+	.p-f{
+		position: relative;
+		.p-c{
+			position: absolute;
+			width: 100%;
+			height: 1px;
+			background: #fff;
+			top:20px;
+		}
+	}
   .active {
-    position: relative;
-    &::after {
-      content: ' ';
-      position: absolute;
-      bottom: -5px;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 100%;
-      height: 0px;
-      border-bottom: 1px solid #fff;
-    }
+   //  position: relative;
+   //  &::after {
+   //    content: ' ';
+   //    position: absolute;
+   //    bottom: -5px;
+   //    left: 50%;
+   //    transform: translateX(-50%);
+   //    width: 100%;
+   //    height: 1px;
+   //    background-color: #fff;
+	  // transition: width 1s,background-color 1s;
+   //  }
   }
   .lang-img{
     width: 14px;

src/views/Forestage/Draw/index.vue

@@ -2,9 +2,9 @@
 	<!-- 提款 -->
 	<div class="recharge-index">
 		<div class="work-index-bg box-sizing-border-box">
-			<div class="fs-34 fc-f mb-32">{{$t('home5.text1')}}</div>
+			<div class="fs-34 fc-f mb-32 wow animate__animated animate__bounceInLeft">{{$t('home5.text1')}}</div>
 
-			<div class=" justify-content-space-between">
+			<div class=" justify-content-space-between wow animate__animated animate__bounceInRight">
 				<div class="">
 					<div class="align-items-center mb-16">
 						<div class="num-box">1</div>

src/views/Forestage/Me/index.vue

@@ -12,7 +12,7 @@
 			<div class="box-2 fs-18 hand-cursor " :class="navType==5?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(5)">{{$t('home6.nav5')}}</div>
 			<div class="box-2 fs-18 hand-cursor " :class="navType==6?'fc-755C82 bg-c-f fw-700':'fc-f fw-400'" @click="selectType(6)">{{$t('home6.nav6')}}</div>
 		</div>
-		<div class="flex-1">
+		<div class="flex-1 ">
 			<MyMoney v-if="navType == 1" ref="myMoney"></MyMoney>
 			<MyOrder v-else-if="navType == 2" ref="myOrder"></MyOrder>
 			<Msg v-else-if="navType == 3" ref="msg"></Msg>

src/views/Forestage/Me/mod/about-us.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 关于我们 -->
-	<div class="about-as bgc-755C82">
+	<div class="about-as bgc-755C82 wow animate__animated animate__bounceInRight">
 		<div class="box-6 align-items-center hand-cursor">
 			<div class="fs-16 fw-500">{{$t('home6.nav6')}}</div>
 		</div>

src/views/Forestage/Me/mod/msg.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="msg-box bgc-755C82">
+	<div class="msg-box bgc-755C82 wow animate__animated animate__bounceInRight">
 		<div class="box-1 align-items-center box-sizing-border-box">
 		  <img class="logo-box mr-10" src="@/assets/img/logo.png" alt="">
 		  <div class="fs-16 fw-700 fc-f">GIobal Merchant Center</div>

src/views/Forestage/Me/mod/my-money.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 我的资产 -->
-	<div class="my-money-box">
+	<div class="my-money-box wow animate__animated animate__bounceInRight">
 		<div class="" v-if="indexType == 0">
 			<div class="box-1 bgc-755C82 align-items-center box-sizing-border-box mb-7">
 				<img v-if="userInfo.head_img" :src="userInfo.head_img" alt="" />
@@ -59,7 +59,7 @@
 			</div>
 		</div>
 		
-		<div v-if="indexType == 1" class="index-card bgc-755C82">
+		<div v-if="indexType == 1" class="index-card bgc-755C82 wow animate__animated animate__bounceInRight">
 			<div class="box-6 align-items-center hand-cursor" @click="toIndex(0)">
 				<img src="@/assets/img/lang-icon.png" alt="" />
 				<div class="fs-16 fw-500">{{$t('home6.index1.text6')}}</div>
@@ -84,7 +84,7 @@
 			
 		</div>
 		
-		<div v-if="indexType == 2" class="index-card bgc-755C82">
+		<div v-if="indexType == 2" class="index-card bgc-755C82 wow animate__animated animate__bounceInRight">
 			<div class="box-6 align-items-center hand-cursor" @click="toIndex(0)">
 				<img src="@/assets/img/lang-icon.png" alt="" />
 				<div class="fs-16 fw-500">{{$t('home6.index1.text7')}}</div>

src/views/Forestage/Me/mod/my-order.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 我的订单 -->
-	<div class="list-box bgc-755C82">
+	<div class="list-box bgc-755C82 wow animate__animated animate__bounceInRight">
 		<div class="box-6 align-items-center hand-cursor">
 			<div class="fs-16 fw-500">{{$t('home6.index2.text1')}}</div>
 		</div>

src/views/Forestage/Me/mod/notice.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 活动公告 -->
-	<div class="notice bgc-755C82">
+	<div class="notice bgc-755C82 wow animate__animated animate__bounceInRight">
 		<div v-if="!isflag">
 			<div class="box-6 align-items-center hand-cursor">
 				<div class="fs-16 fw-500">{{$t('home6.index5.text1')}}</div>

src/views/Forestage/Me/mod/secure.vue

@@ -1,6 +1,6 @@
 <template>
 	<!-- 安全中心 -->
-	<div class="secure-box bgc-755C82">
+	<div class="secure-box bgc-755C82 wow animate__animated animate__bounceInRight">
 		<div class="" v-if="setType == 0">
 			<div class="box-6 align-items-center hand-cursor">
 				<div class="fs-16 fw-500">{{$t('home6.nav4')}}</div>
@@ -23,7 +23,7 @@
 			</div>
 		</div>
 		
-		<div v-if="setType == 1" class="">
+		<div v-if="setType == 1" class="wow animate__animated animate__bounceInRight">
 			<div class="box-6 align-items-center hand-cursor" @click="setPassword(0)">
 				<img src="@/assets/img/lang-icon.png" alt="" />
 				<div class="fs-16 fw-500">{{$t('home6.index4.text1')}}</div>
@@ -48,7 +48,7 @@
 			</div>
 		</div>
 		
-		<div v-if="setType == 2" class="">
+		<div v-if="setType == 2" class="wow animate__animated animate__bounceInRight">
 			<div class="box-6 align-items-center hand-cursor" @click="setPassword(0)">
 				<img src="@/assets/img/lang-icon.png" alt="" />
 				<div class="fs-16 fw-500">{{$t('home6.index4.text2')}}</div>

src/views/Forestage/Recharge/index.vue

@@ -2,9 +2,9 @@
 	<!-- 充值 -->
 	<div class="recharge-index">
 		<div class="work-index-bg box-sizing-border-box">
-			<div class="fs-34 fc-f mb-32">{{$t('home4.text1')}}</div>
+			<div class="fs-34 fc-f mb-32 wow animate__animated animate__bounceInLeft">{{$t('home4.text1')}}</div>
 
-			<div class="align-items-center">
+			<div class="align-items-center wow animate__animated animate__bounceInRight">
 				<div class="">
 					<div class="align-items-center mb-16">
 						<div class="num-box">1</div>