修改旅游

pages/tour.vue

@@ -2,6 +2,7 @@
   <div>
     <menu-modal></menu-modal>
     <div class="main-container">
+      <div>
       <banner
         v-if="showBanner"
         :list = "bannerList"
@@ -17,6 +18,7 @@
         @click="bannerClick"
         class="mb-50">
       </banner>
+      </div>
       <div class="wrap">
         <div class="clearfix" style="background-color: #fff;padding:5px 10px">
           共{{totalCount}}个旅行路线
@@ -31,13 +33,13 @@
         </div>
         <h3 v-if="dataNull" style="margin:20px 0;background-color: #fff;padding:20px">暂无信息</h3>
         <ul class="campsiteDetail" v-if="!dataNull">
-          <li class="clearfix" v-for="(item,index) in dataDetail" :key="index" style="margin:20px 0;background-color: #fff;padding:20px">
+          <li class="clearfix vehicle-item" v-for="(item,index) in dataDetail" :key="index" style="margin:20px 0;background-color: #fff;padding:20px">
             <div style="float:left;width:30%"><img :src="item.cover" alt style="width:100%;height:193px"/></div>
             <div style="float:left;width:70%;padding-left:30px">
               <h2 style="font-size: 18px">{{item.name}}</h2>
               <h6 style="font-size: 16px;font-weight:400;margin:35px 8px">{{item.describe}}</h6>
              
-              <nuxt-link :to="'/tourDetails/'+item.id">
+              <nuxt-link :to="item.link">
                <button class="buttonDetails">旅游详情</button>
             </nuxt-link>
             </div>
@@ -109,6 +111,13 @@
         `https://dev.dfangche.com/api/uccn/app/unauth/tour/getGoodList?tagId=${this.listQuery.tagId}&page=${this.listQuery.page}&limit=${this.listQuery.limit}`
       );
       console.log(data);
+      data.data.map(function(item){
+//          item.modelParam = JSON.parse( item.modelParam);
+          item.link = encodeURI('/tourDetails/' + item.id+'?name='+item.name);
+          item.link = encodeURI(item.link);
+          // item.pictureList = item.picture.split(",");
+          // item.coverPic = item.coverPic?item.coverPic: item.pictureList.length>0?item.pictureList[0]:'';
+        });
       if(!data.data.length == 0){
          this.totalCount = data.totalCount;
          this.dataDetail = data.data;
@@ -158,7 +167,7 @@
 }
 .wrap {
   /* background-color: #fff; */
-  padding: 0 5%;
+  margin-top:50px;
 }
 
 .campsiteDetail {

pages/tourDetails/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container">
+    <div class="main-container" style="margin-top: 110px;">
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>
-          <nuxt-link to="/tourDetails">房车旅行></nuxt-link>
-          <!-- <span>{{name}}</span> -->
+          <nuxt-link to="/tour">房车旅行></nuxt-link>
+          <span>{{name}}</span>
         </div>
         <div class="clearfix" style="background-color:#fff;padding:20px">
           <div style="float:left;width:50%">
@@ -21,8 +21,8 @@
                     <img :src="item.cover" style="width:100%" />
                   </div>
                 </div>
-                <div class="swiper-button-next swiper-button-black"></div>
-                <div class="swiper-button-prev swiper-button-black"></div>
+                <!-- <div class="swiper-button-next swiper-button-black"></div>
+                <div class="swiper-button-prev swiper-button-black"></div> -->
               </div>
               <div class="gallery-thumbs-box">
                 <div class="swiper-container gallery-thumbs">
@@ -185,6 +185,10 @@ export default {
     let galleryTop = new Swiper(".gallery-top", {
       spaceBetween: 10,
       loop: true,
+       autoplay: {
+          delay: 2500,
+          disableOnInteraction: false,
+        },
       on: {
         slideChangeTransitionEnd: function() {
           t.preIndex = this.activeIndex - 1;
@@ -194,10 +198,10 @@ export default {
           console.log(this.activeIndex);
         }
       },
-      navigation: {
-        nextEl: ".swiper-button-next",
-        prevEl: ".swiper-button-prev"
-      },
+      // navigation: {
+      //   nextEl: ".swiper-button-next",
+      //   prevEl: ".swiper-button-prev"
+      // },
       thumbs: {
         swiper: galleryThumbs
       }
@@ -223,7 +227,7 @@ export default {
 }
 .wrap {
   /* background-color: #fff; */
-  padding: 0 10%;
+  /* padding: 0 10%; */
 }
 .gallery-top img {
   width: 100%;