轮播样式调整

assets/main.css

@@ -19,6 +19,7 @@ body {
 }
 .r-content h1{
   font-size: 20px;
+  color: #333;
 }
 .r-content p{
   padding: 5px 0;
@@ -121,7 +122,7 @@ h2{
   align-items: center;
 }
 .wrap {
-  width: 1200px;
+  width: 1120px;
   margin: 0 auto 30px auto;
   background: #f1f1f1;
   /*padding: 20px;*/
@@ -161,7 +162,7 @@ h2{
   padding: 10px;
 }
 .vehicle-desc{
-  height: 100px;
+  height: 93px;
   color: #666;
   font-size: 14px;
 }

components/vehicleBanner.vue

@@ -178,6 +178,7 @@
   }
   .banner{
     width:100%;
-    max-height:500px;
+    height:240px;
+    overflow: hidden;
   }
 </style>

pages/campsite.vue

@@ -2,8 +2,7 @@
   <div>
     <menu-modal></menu-modal>
     <div class="main-container">
-      <banner
-        v-if="showBanner"
+      <vehicle-banner
         :list = "bannerList"
         :looptime="looptime"
         :width="width"
@@ -16,9 +15,9 @@
         @change="changeBanner"
         @click="bannerClick"
         class="mb-50">
-      </banner>
+      </vehicle-banner>
       <div class="wrap">
-        <div class="clearfix" style="background-color: #fff;padding:5px 10px">
+        <div class="clearfix total-div" style="background-color: #fff;padding:5px 10px">
           共{{totalCount}}个房车营地
           <select
             @change="chooseSelect($event)"
@@ -31,7 +30,7 @@
         </div>
         <h3 v-if="dataNull" style="margin:10px 0;margin-bottom:60px;background-color: #fff;padding:20px">暂无信息</h3>
         <ul class="campsiteDetail clearfix" v-if="!dataNull">
-          <li v-for="(item,idx) in dataDetail" :key="idx" style="margin:15px 10px;background-color: #fff;padding:20px" class="vehicle-item">
+          <li v-for="(item,idx) in dataDetail" :key="idx" style="background-color: #fff;padding:20px" class="vehicle-item">
             <img :src="item.logo" alt style="width:100%;height:223px" />
             <h2 style="font-size: 16px;margin:10px 0">{{ item.name }}</h2>
             <nuxt-link :to="item.link">
@@ -52,13 +51,13 @@
 import axios from '../plugins/axios';
 import menuModal from "../components/menu";
 import footerModal from "../components/footer";
-import banner from "../components/banner"
+import vehicleBanner from "../components/vehicleBanner"
 export default {
   transition: "bounce",
   components: {
     menuModal,
     footerModal,
-    banner
+    vehicleBanner
   },
   data() {
     return {
@@ -187,14 +186,13 @@ export default {
   padding: 0;
   margin: 0;
   list-style: none;
-  margin-top: 10px;
 }
 
 .campsiteDetail li {
   padding: 0;
   margin: 0;
   list-style: none;
-  width: 30%;
+  width: 360px;
   float: left;
 }
 

pages/tour.vue

@@ -3,24 +3,23 @@
     <menu-modal></menu-modal>
     <div class="main-container">
       <div>
-      <banner
-        v-if="showBanner"
-        :list = "bannerList"
-        :looptime="looptime"
-        :width="width"
-        :height="height"
-        :background="background"
-        :color="color"
-        :fontSize="fontSize"
-        @prev="prev"
-        @next="next"
-        @change="changeBanner"
-        @click="bannerClick"
-        class="mb-50">
-      </banner>
+        <vehicle-banner
+          :list = "bannerList"
+          :looptime="looptime"
+          :width="width"
+          :height="height"
+          :background="background"
+          :color="color"
+          :fontSize="fontSize"
+          @prev="prev"
+          @next="next"
+          @change="changeBanner"
+          @click="bannerClick"
+          class="mb-50">
+        </vehicle-banner>
       </div>
       <div class="wrap">
-        <div class="clearfix" style="background-color: #fff;padding:5px 10px">
+        <div class="clearfix total-div" style="background-color: #fff;padding:5px 10px">
           共{{totalCount}}个旅行路线
           <select
             @change="chooseSelect($event)"
@@ -55,13 +54,13 @@
   import axios from '../plugins/axios'
   import menuModal from "../components/menu"
   import footerModal from "../components/footer"
-  import banner from "../components/banner"
+  import vehicleBanner from "../components/vehicleBanner"
   export default {
     transition: 'bounce',
     components: {
       menuModal,
       footerModal,
-      banner
+      vehicleBanner
     },
      created() {
     this.getType();
@@ -151,10 +150,6 @@
 .clearfix {
   *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
 }
-.wrap {
-  /* background-color: #fff; */
-  margin-top:50px;
-}
 
 .campsiteDetail {
   padding: 0;

pages/vehicle.vue

@@ -22,12 +22,12 @@
         </div>
         <ul class="campsiteDetail clearfix">
           <li v-for="item in dataDetail" :key="item.id" class="vehicle-item">
-            <img :src="item.coverPic" alt="房车租赁" style="width:30%;height:100%;" />
-            <div style="margin-left: 20px;width: 50%;">
+            <img class="v-img-cover" :src="item.coverPic" alt="房车租赁" />
+            <div style="margin-left: 20px;width: 800px;">
               <h2 style="font-size: 18px;margin:10px 0">{{ item.name }}</h2>
               <div class="vehicle-desc">{{item.intro}}</div>
               <div class="flex-aic">
-                <span class="flex-aic config" v-for="iitem in item.uccnCataList" :key="iitem.id">
+                <span class="flex-aic config" v-for="(iitem,iindex) in item.uccnCataList" :key="iitem.id">
                   <img v-if="iindex==0" src="../assets/images/license.png"/>
                   <img v-if="iindex==1" src="../assets/images/license.png"/>
                   <img v-if="iindex==2" src="../assets/images/driver-type.png"/>
@@ -37,7 +37,7 @@
               </div>
             </div>
             <nuxt-link :to="item.link" class="flex-aic">
-              <button class="buttonDetails">租车详情</button>
+              <button class="buttonDetails">租车详情<img style="position: absolute;" src="../assets/images/r-9.png"/></button>
             </nuxt-link>
           </li>
         </ul>
@@ -184,6 +184,10 @@
     /* background-color: #fff; */
     text-align: center;
   }
+  .v-img-cover{
+    width: 190px;
+    height:122px;
+  }
 
   .banner h2 {
     font-size: 20px;
@@ -214,14 +218,15 @@
   }
 
   .buttonDetails {
-    width: 156px; /* 宽度 */
-    height: 35px; /* 高度 */
-    border-width: 0px; /* 边框宽度 */
-    background: #1bbb9f; /* 背景颜色 */
-    cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
-    outline: none; /* 不显示轮廓线 */
-    font-family: Microsoft YaHei; /* 设置字体 */
-    color: white; /* 字体颜色 */
-    margin-left: 10px;
+    width: 116px;
+    height: 34px;
+    border-width: 0px;
+    background: #1bbb9f;
+    cursor: pointer;
+    outline: none;
+    font-family: Microsoft YaHei;
+    color: white;
+    font-size: 14px;
+    padding-right: 15px;
   }
 </style>

pages/vehicleList/_id.vue

@@ -9,12 +9,12 @@
           <span>{{detail.name}}</span>
         </div>
         <div style="display: flex;padding: 20px;background: #fff">
-          <div style="width:50%">
+          <div style="width:540px;" class="tc">
             <div class="gallery-top-box" style="width:100%">
               <div class="swiper-container gallery-top" style="width: 100%" ref="mySwiper">
                 <div class="swiper-wrapper">
                   <div class="swiper-slide"  v-for="item in detail.pictureList" :key="item">
-                    <img :src="item" style="width:100%">
+                    <img :src="item">
                   </div>
                 </div>
               </div>
@@ -121,47 +121,10 @@
       let pic = data.data.picture.split(",");
       user.pictureList = pic;
       user.pictureNum = pic.length;
+      user.buyPrice = parseFloat((user.buyPrice/10000).toFixed(2))
       if (!user) {
         return error({ message: 'User not found', statusCode: 404 })
       }
-      user.uccnCataList=[
-        {
-          "id":222,
-          "parentId":14,
-          "name":"5乘5卧",
-          "rank":0,
-          "level":2,
-          "state":0,
-          "crtTime":1563939065861,
-          "updTime":1564036600207,
-          "isMore":0,
-          "startUsing":0
-        },
-        {
-          "id":10,
-          "parentId":7,
-          "name":"自动C型",
-          "rank":2,
-          "level":2,
-          "state":0,
-          "crtTime":1558516580,
-          "updTime":1563243972473,
-          "isMore":0,
-          "startUsing":0
-        },
-        {
-          "id":12,
-          "parentId":11,
-          "name":"C1",
-          "rank":1,
-          "level":2,
-          "state":0,
-          "crtTime":1558516665,
-          "updTime":1561624250887,
-          "isMore":0,
-          "startUsing":0
-        }
-      ];
       let tempBannerData = await axios.get( '/api/uccn/random/list/app/unauth/get?type=1');
       let hot = tempBannerData.data.data;
       hot.map(function(item){
@@ -326,7 +289,7 @@
     height: auto;
   }
   .gallery-top img{
-    width: 100%;
+    width: 474px;
   }
   .swiper-wrapper-thu{
     /*max-width: 293px;*/

plugins/axios.js

 import axios from 'axios'
 export default axios.create({
-  baseURL: "https://xxtest.upyuns.com"
+  baseURL: "https://xxtest.upyuns.com"//"https://xxtest.upyuns.com","https://dev.dfangche.com"
 })