提交

src/view/schedule/index.vue

@@ -11,97 +11,97 @@
     <div ref="main" class="page" @touchstart="touchstart" @touchend="touchend">
       <pageFirst
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 0,
+          animate__fadeInUp: isUp && page === 0,
+          animate__fadeInDown: !isUp && page === 0,
         }"
         v-if="page === 0"
       />
       <pageThird
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 1,
+          animate__fadeInUp: isUp && page === 1,
+          animate__fadeInDown: !isUp && page === 1,
         }"
         v-if="page === 1"
       />
       <pageFifth
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 2,
+          animate__fadeInUp: isUp && page === 2,
+          animate__fadeInDown: !isUp && page === 2,
         }"
         v-if="page === 2"
       />
       <page4
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 3,
+          animate__fadeInUp: isUp && page === 3,
+          animate__fadeInDown: !isUp && page === 3,
         }"
         v-if="page === 3"
       />
       <page7
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 4,
+          animate__fadeInUp: isUp && page === 4,
+          animate__fadeInDown: !isUp && page === 4,
         }"
         v-if="page === 4"
       />
       <pageSexth
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 5,
+          animate__fadeInUp: isUp && page === 5,
+          animate__fadeInDown: !isUp && page === 5,
         }"
         v-if="page === 5"
       />
       <page12
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 6,
+          animate__fadeInUp: isUp && page === 6,
+          animate__fadeInDown: !isUp && page === 6,
         }"
         v-if="page === 6"
       />
       <page8
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 7,
+          animate__fadeInUp: isUp && page === 7,
+          animate__fadeInDown: !isUp && page === 7,
         }"
         v-if="page === 7"
       />
       <page9
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 8,
+          animate__fadeInUp: isUp && page === 8,
+          animate__fadeInDown: !isUp && page === 8,
         }"
         v-if="page === 8"
       />
       <page10
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 9,
+          animate__fadeInUp: isUp && page === 9,
+          animate__fadeInDown: !isUp && page === 9,
         }"
         v-if="page === 9"
       />
       <page11
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 10,
+          animate__fadeInUp: isUp && page === 10,
+          animate__fadeInDown: !isUp && page === 10,
         }"
         v-if="page === 10"
       />
       <page13
         :class="{
-          animate__animated: true,
-          animate__fadeInUp: isUp,
-          animate__fadeInDown: !isUp,
+          animate__animated: page === 11,
+          animate__fadeInUp: isUp && page === 11,
+          animate__fadeInDown: !isUp && page === 11,
         }"
         v-if="page === 11"
       />