|
@@ -43,12 +43,24 @@
|
|
|
<pageFirst v-if="page === 0" />
|
|
|
<!-- <pageSecond v-if="page === 1" /> -->
|
|
|
<pageThird v-if="page === 1" />
|
|
|
- <pageFourth v-if="page === 2" />
|
|
|
- <pageFifth v-if="page === 3" />
|
|
|
- <pageFifth2 v-if="page === 4" />
|
|
|
- <pageSexth v-if="page === 5" />
|
|
|
- <pageSeventh v-if="page === 6" />
|
|
|
- <pageEighth v-if="page === 7" />
|
|
|
+ <!-- <pageFourth v-if="page === 2" /> -->
|
|
|
+ <pageFifth v-if="page === 2" />
|
|
|
+ <pageFifth2 v-if="page === 3" />
|
|
|
+ <pageSexth v-if="page === 4" />
|
|
|
+ <pageSexth2 v-if="page === 5" />
|
|
|
+ <pageSexth3 v-if="page === 6" />
|
|
|
+ <pageSexth4 v-if="page === 7" />
|
|
|
+ <pageSexth5 v-if="page === 8" />
|
|
|
+ <pageSexth6 v-if="page === 9" />
|
|
|
+ <pageSexth7 v-if="page === 10" />
|
|
|
+ <pageSexth8 v-if="page === 11" />
|
|
|
+ <pageSexth9 v-if="page === 12" />
|
|
|
+ <pageSexth10 v-if="page === 13" />
|
|
|
+ <pageSexth11 v-if="page === 14" />
|
|
|
+ <pageSexth12 v-if="page === 15" />
|
|
|
+ <pageSexth13 v-if="page === 16" />
|
|
|
+ <!-- <pageSeventh v-if="page === 17" /> -->
|
|
|
+ <pageEighth v-if="page === 17" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -58,11 +70,23 @@ import change from './change.vue';
|
|
|
import pageFirst from './page1.vue';
|
|
|
// import pageSecond from './page2.vue';
|
|
|
import pageThird from './page3.vue';
|
|
|
-import pageFourth from './page4.vue';
|
|
|
+// import pageFourth from './page4.vue';
|
|
|
import pageFifth from './page5.vue';
|
|
|
import pageFifth2 from './page9.vue';
|
|
|
import pageSexth from './page6.vue';
|
|
|
-import pageSeventh from './page7.vue';
|
|
|
+import pageSexth2 from './page6-2.vue';
|
|
|
+import pageSexth3 from './page6-3.vue';
|
|
|
+import pageSexth4 from './page6-4.vue';
|
|
|
+import pageSexth5 from './page6-5.vue';
|
|
|
+import pageSexth6 from './page6-6.vue';
|
|
|
+import pageSexth7 from './page6-7.vue';
|
|
|
+import pageSexth8 from './page6-8.vue';
|
|
|
+import pageSexth9 from './page6-9.vue';
|
|
|
+import pageSexth10 from './page6-10.vue';
|
|
|
+import pageSexth11 from './page6-11.vue';
|
|
|
+import pageSexth12 from './page6-12.vue';
|
|
|
+import pageSexth13 from './page6-13.vue';
|
|
|
+// import pageSeventh from './page7.vue';
|
|
|
import pageEighth from './page8.vue';
|
|
|
// import { onMounted, reactive } from "vue";
|
|
|
// import { isIpad, isIpod, isIphone } from "../../utils/isTerminal";
|
|
@@ -119,8 +143,9 @@ const touchend = e => {
|
|
|
// 距离足够则滑动到下一页;
|
|
|
let n = cha > 0 ? 1 : -1;
|
|
|
let dn = n + page.value;
|
|
|
- if (dn < 0) return (dn = 7);
|
|
|
- if (dn > 7) return (dn = 0);
|
|
|
+ let len = 17;
|
|
|
+ if (dn < 0) return (dn = len);
|
|
|
+ if (dn > len) return (dn = 0);
|
|
|
page.value = -1;
|
|
|
nextTick(() => {
|
|
|
let t = setTimeout(() => {
|
|
@@ -146,7 +171,7 @@ const touchmove = e=> {
|
|
|
height: 100vh;
|
|
|
overflow: hidden;
|
|
|
position: fixed;
|
|
|
- background-image: url(./img/background.webp);
|
|
|
+ background-image: url(./img/background.jpg);
|
|
|
background-size: 100% 100%;
|
|
|
max-width: 750px;
|
|
|
min-width: 330px;
|