接机，包车页面开发

src/components/search_sf/search_sf2.vue

@@ -178,7 +178,7 @@
             </div>
             <div class="text-weight-bold q-pa-sm">熱門目的地</div>
             <q-separator />
-            <div>
+            <div class="flex flex-wrap">
               <div class="hot-tag" @click="handleHotTagClick(item)" :class="{'hot-tag-select': setectHotTag === item.Id}" :key="item.Id" v-for="item in hotList">{{item.Name}}</div>
             </div>
             <!-- <div class="col full-width row">

src/components/searchdata/kkday.vue

@@ -756,6 +756,13 @@ export default {
       );
     },
     GotoDetails(item) {
+      if(item.productType === 4) { // 接送机，包车
+      this.CommonJump(
+        "/detailCar/"+item.configId,
+        {}
+      );
+      return 
+      }
       this.CommonJump(
         "/detail/" + encodeURIComponent(item.id) + "/" + item.tcid,
         {}

src/css/app.scss

@@ -5,6 +5,9 @@
   .justify-between {
     justify-content: space-between;
   }
+  .flex-end {
+    justify-content: end;
+  }
   .item-center {
     align-items: center;
   }
@@ -87,6 +90,12 @@
 .f16 {
     font-size: 16px;
 }
+.f18 {
+    font-size: 18px;
+}
+.f20 {
+    font-size: 20px;
+}
 .f26 {
     font-size: 26px;
 }

src/router/routes.js

@@ -28,10 +28,14 @@ const routes = [{
         path: '/details/:id/:tcid',
         component: () =>
           import('pages/details.vue')
-      }, { //行程2
+      }, { // 包车，接机
+        path: '/detailCar/:id',
+        component: () =>
+          import('pages/detailsCar.vue')
+      }, { // 旅程
         path: '/detail/:id/:tcid',
         component: () =>
-          import('pages/detailsNew.vue')
+          import('pages/detailsCar.vue')
       }, {
         path: '/search', //签证护照管理
         component: () =>