fix: 页面

src/router/index.js

@@ -12,6 +12,21 @@ const routes = [
     component: () => import('../views/home-page.vue')
   },
   {
+    path: '/home-2',
+    name: 'HomePage2',
+    component: () => import('../views/home-page-2.vue')
+  },
+  {
+    path: '/home-3',
+    name: 'HomePage3',
+    component: () => import('../views/home-page-3.vue')
+  },
+  {
+    path: '/home-4',
+    name: 'HomePage4',
+    component: () => import('../views/home-page-4.vue')
+  },
+  {
     path: '/detail',
     name: 'DetailPage',
     component: () => import('../views/detail-page.vue')

src/views/detail-page.vue

@@ -2,7 +2,7 @@
     <div class="full-screen page-wrap">
         <div class="top-click" @click="goBack"></div>
         <div class="left-click" @click="showVideo"></div>
-        <img @click="toPage" class="home-img" src="@/assets/img/detail2.png" alt="">
+        <img @click="toPage" class="home-img" src="@/assets/img/detail.png" alt="">
         <van-popup v-model:show="showPopup" class="video-popup">
             <video
                 class="video-wrap"

src/views/home-page-2.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="full-screen page-wrap">
+        <div class="top-click" @click="goBack"></div>
+        <img @click="toPage" class="home-img" src="@/assets/img/home2.png" alt="">
+    </div>
+</template>
+
+<script setup>
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+function goBack() {
+    router.go(-1)
+}
+function toPage() {
+    router.push('/home-3')
+}
+</script>
+
+<style scoped>
+.home-img {
+    width: 100%;
+    height: 100%;
+    object-fit: fill;
+}
+</style>

src/views/home-page-3.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="full-screen page-wrap">
+        <div class="top-click" @click="goBack"></div>
+        <img @click="toPage" class="home-img" src="@/assets/img/home3.png" alt="">
+    </div>
+</template>
+
+<script setup>
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+function goBack() {
+    router.go(-1)
+}
+function toPage() {
+    router.push('/home-4')
+}
+</script>
+
+<style scoped>
+.home-img {
+    width: 100%;
+    height: 100%;
+    object-fit: fill;
+}
+</style>

src/views/home-page-4.vue

@@ -0,0 +1,26 @@
+<template>
+    <div class="full-screen page-wrap">
+        <div class="top-click" @click="goBack"></div>
+        <img @click="toPage" class="home-img" src="@/assets/img/home4.png" alt="">
+    </div>
+</template>
+
+<script setup>
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+function goBack() {
+    router.go(-1)
+}
+function toPage() {
+    router.push('/detail')
+}
+</script>
+
+<style scoped>
+.home-img {
+    width: 100%;
+    height: 100%;
+    object-fit: fill;
+}
+</style>

src/views/home-page.vue

@@ -13,7 +13,7 @@ function goBack() {
     router.go(-1)
 }
 function toPage() {
-    router.push('/detail')
+    router.push('/home-2')
 }
 </script>