提交

src/view/schedule/index.vue

@@ -90,6 +90,14 @@
         }"
         v-if="page === 10"
       />
+      <page13
+        :class="{
+          animate__animated: true,
+          animate__fadeInUp: isUp,
+          animate__fadeInDown: !isUp,
+        }"
+        v-if="page === 11"
+      />
     </div>
   </div>
 </template>
@@ -106,6 +114,7 @@ import page9 from './page9.vue';
 import page10 from './page10.vue';
 import page11 from './page11.vue';
 import page12 from './page12.vue';
+import page13 from './page13.vue';
 // import { onMounted, reactive } from "vue";
 // import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
 
@@ -159,7 +168,7 @@ const touchend = e => {
   // 距离足够则滑动到下一页；
   let n = cha > 0 ? 1 : -1;
   let dn = n + page.value;
-  let len = 10;
+  let len = 12;
   isUp.value = n === 1;
   //   if (dn < 0) dn = len;
   //   if (dn > len) dn = 0;

src/view/schedule/page13.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="page-13">
+  </div>
+</template>
+<script setup>
+</script>
+<style lang="scss">
+// 动画库
+@import url(./sass/animation.scss);
+@import url(./sass/base.scss);
+.page-13 {
+  width: 100%;
+  height: 100vh;
+  background-image: url(./img/end.jpg);
+  background-size: 100% 100%;
+}
+</style>