|
@@ -17,14 +17,14 @@
|
|
|
}"
|
|
|
v-if="page === 0"
|
|
|
/>
|
|
|
- <!-- <pageThird :class="{ animate__animated: true, animate__fadeInUp: isUp,animate__fadeInDown: !isUp}" v-if="page === 1" /> -->
|
|
|
+ <pageThird :class="{ animate__animated: true, animate__fadeInUp: isUp,animate__fadeInDown: !isUp}" v-if="page === 1" />
|
|
|
<pageFifth
|
|
|
:class="{
|
|
|
animate__animated: true,
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 1"
|
|
|
+ v-if="page === 2"
|
|
|
/>
|
|
|
<page4
|
|
|
:class="{
|
|
@@ -32,7 +32,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 2"
|
|
|
+ v-if="page === 3"
|
|
|
/>
|
|
|
<page7
|
|
|
:class="{
|
|
@@ -40,7 +40,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 3"
|
|
|
+ v-if="page === 4"
|
|
|
/>
|
|
|
<pageSexth
|
|
|
:class="{
|
|
@@ -48,7 +48,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 4"
|
|
|
+ v-if="page === 5"
|
|
|
/>
|
|
|
<page12
|
|
|
:class="{
|
|
@@ -56,7 +56,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 5"
|
|
|
+ v-if="page === 6"
|
|
|
/>
|
|
|
<page8
|
|
|
:class="{
|
|
@@ -64,7 +64,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 6"
|
|
|
+ v-if="page === 7"
|
|
|
/>
|
|
|
<page9
|
|
|
:class="{
|
|
@@ -72,7 +72,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 7"
|
|
|
+ v-if="page === 8"
|
|
|
/>
|
|
|
<page10
|
|
|
:class="{
|
|
@@ -80,7 +80,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 8"
|
|
|
+ v-if="page === 9"
|
|
|
/>
|
|
|
<page11
|
|
|
:class="{
|
|
@@ -88,7 +88,7 @@
|
|
|
animate__fadeInUp: isUp,
|
|
|
animate__fadeInDown: !isUp,
|
|
|
}"
|
|
|
- v-if="page === 9"
|
|
|
+ v-if="page === 10"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -96,7 +96,7 @@
|
|
|
<script setup>
|
|
|
import { ref, nextTick } from 'vue';
|
|
|
import pageFirst from './page1.vue';
|
|
|
-// import pageThird from './page3.vue';
|
|
|
+import pageThird from './page3.vue';
|
|
|
import page4 from './page4.vue';
|
|
|
import pageFifth from './page5.vue';
|
|
|
import pageSexth from './page6.vue';
|
|
@@ -159,7 +159,7 @@ const touchend = e => {
|
|
|
// 距离足够则滑动到下一页;
|
|
|
let n = cha > 0 ? 1 : -1;
|
|
|
let dn = n + page.value;
|
|
|
- let len = 9;
|
|
|
+ let len = 10;
|
|
|
isUp.value = n === 1;
|
|
|
// if (dn < 0) dn = len;
|
|
|
// if (dn > len) dn = 0;
|