建筑可游玩 一点点跳转功能

src/router/index.js

@@ -117,13 +117,13 @@ const routes = [{
         component: () => import('../views/Serve/RecommendedPath.vue')
       },
       {
-        path: '/layout/serve/one-day-tour',
-        name: 'OneDayTour',
+        path: '/layout/serve/recommended-path-detail',
+        name: 'RecommendedPathDetail',
         meta: {
           myInd: 2,
           myTitle: '一日游',
         },
-        component: () => import('../views/Serve/OneDayTour.vue')
+        component: () => import('../views/Serve/RecommendedPathDetail.vue')
       },
       {
         path: '/layout/serve/dont-miss',

src/views/Serve/RecommendedPath.vue

@@ -16,7 +16,7 @@
       <article
         v-for="n in 10"
         :key="n"
-        @click="$router.push({name: 'OneDayTour'})"
+        @click="$router.push({name: 'RecommendedPathDetail'})"
       >
         <div class="left">
           <img src="@/assets/img/service/一日游.png" alt="" draggable="false">

src/views/Serve/index.vue

@@ -9,7 +9,7 @@
         <img src="@/assets/img/service/booking.png" alt="" draggable="false">
         <div>预约</div>
       </router-link>
-      <router-link class="entry" to="/">
+      <router-link class="entry" :to="{name: ''}">
         <img src="@/assets/img/service/美食.png" alt="" draggable="false">
         <div>美食</div>
       </router-link>
@@ -17,7 +17,7 @@
         <img src="@/assets/img/service/酒店住宿.png" alt="" draggable="false">
         <div>酒店住宿</div>
       </router-link>
-      <router-link class="entry" to="/">
+      <router-link class="entry" :to="{name: ''}">
         <img src="@/assets/img/service/路线.png" alt="" draggable="false">
         <div>导航</div>
       </router-link>
@@ -31,20 +31,20 @@
       <h3>推荐路线</h3>
       <router-link class="more" :to="{name: 'RecommendedPath'}">更多  》</router-link>
       <div class="grid-wrap">
-        <div class="left-wrap card">
+        <div class="left-wrap card" @click="onClickPathItem">
           <img src="@/assets/img/service/一日游.png" alt="" draggable="false">
           <h4>一日游</h4>
         </div>
         <div class="right-wrap">
-          <div class="card">
+          <div class="card" @click="onClickPathItem">
             <img src="@/assets/img/service/【快速浏览】.png" alt="" draggable="false">
             <h4>【快速浏览】</h4>
           </div>
-          <div class="card">
+          <div class="card" @click="onClickPathItem">
             <img src="@/assets/img/service/【西洋建筑】.png" alt="" draggable="false">
             <h4>【西洋建筑】</h4>
           </div>
-          <div class="card">
+          <div class="card" @click="onClickPathItem">
             <img src="@/assets/img/service/【古建筑】.png" alt="" draggable="false">
             <h4>【古建筑】</h4>
           </div>
@@ -134,7 +134,7 @@
           <img src="@/assets/img/service/景区舒适区.png" alt="" draggable="false">
           <div>景区舒适区</div>
         </router-link>
-        <router-link class="entry" to="/">
+        <router-link class="entry" :to="{name: ''}">
           <img src="@/assets/img/service/找厕所.png" alt="" draggable="false">
           <div>找厕所</div>
         </router-link>
@@ -142,7 +142,7 @@
           <img src="@/assets/img/service/停车场.png" alt="" draggable="false">
           <div>停车场</div>
         </router-link>
-        <router-link class="entry" to="/">
+        <router-link class="entry" :to="{name: ''}">
           <img src="@/assets/img/service/12348.png" alt="" draggable="false">
           <div>12348</div>
         </router-link>
@@ -191,7 +191,7 @@ components: {
 data() {
   return {
     searchKeyword: '',
-    travelPlagueActiveIdx: '',
+    // travelPlagueActiveIdx: '',
     wenChuangZuoPinList: [
       {
         img: require('@/assets/img/service/goods1.png'),
@@ -222,16 +222,19 @@ methods: {
   onSearch(v) {
     console.log('search: ', v);
   },
-  onTravelPlageTabbarChange(idx) {
-    this.travelPlagueActiveIdx = idx
-    this.$nextTick(() => {
-      new Swiper(".swiper-container", {
-        slidesPerView: 1.4,
-        spaceBetween: 15,
-        centeredSlides: true,
-      })
-    })
-  },
+  // onTravelPlageTabbarChange(idx) {
+  //   this.travelPlagueActiveIdx = idx
+  //   this.$nextTick(() => {
+  //     new Swiper(".swiper-container", {
+  //       slidesPerView: 1.4,
+  //       spaceBetween: 15,
+  //       centeredSlides: true,
+  //     })
+  //   })
+  // },
+  onClickPathItem() {
+    this.$router.push({name: 'RecommendedPathDetail'})
+  }
 },
 created() {