样式调整

assets/main.css

@@ -133,9 +133,15 @@ h2{
   text-decoration: none;
 }
 .more-container a:hover{
-  right: 25px;
-  color: #1bbb9f;
-  box-shadow: 5px 5px 5px #888888;
+  right: 30px;
+  /*color: #1bbb9f;*/
+  /*box-shadow: 5px 5px 5px #888888;*/
+}
+
+.more-container a img{
+  margin-left: 5px;
+  position: relative;
+  top: 2px;
 }
 
 .new-item, .activity-item, .content-new, .vehicle-item{

components/bannerActivity.vue

@@ -4,7 +4,7 @@
       <ul>
         <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
           <nuxt-link :to="'/activityList/'+item.id">
-            <img :src= "item.banner" style="width:100%;height: auto" :alt="item.title"/>
+            <img :src= "item.banner" style="width:100%;height: 601px" :alt="item.title"/>
           </nuxt-link>
         </li>
       </ul>
@@ -16,8 +16,8 @@
         </div>
       </div>
       <div class="btn">
-      <span class="prev" @click="prev">《</span>
-      <span class="next" @click="next">》</span>
+      <span class="prev" @click="prev"><img src="../assets/images/l.png"/></span>
+      <span class="next" @click="next"><img src="../assets/images/r.png"/></span>
       </div>
     </div>
     <!--h1 @click="getArticle">{{msg}}</h1-->
@@ -150,14 +150,15 @@
     height:100%;
   }
   span{
-    display:block;
-    height:40px;
-    width:20px;
-    color:#fff;
-    line-height:40px;
-    text-align:Center;
-    /*background:rgba(0,0,0, .7);*/
-    cursor:pointer;
+    display: block;
+    width: 40px;
+    color: #fff;
+    padding: 8px 0;
+    text-align: Center;
+    cursor: pointer;
+    background: #000;
+    margin: 0 10px;
+    opacity: 0.6;
   }
   span.prev{
     float:left;
@@ -172,8 +173,8 @@
     transform: translateY(-50%);
   }
   .banner-active{
-    width: 1200px;
-    height: 312px;
+    width: 1030px;
+    height: 601px;
     /*overflow:hidden;*/
   }
 </style>

pages/newsList/_id.vue

@@ -67,7 +67,7 @@
       if (!detail) {
         return error({ message: 'detail not found', statusCode: 404 })
       }
-      let tempBannerData = await axios.get('/api/uccn/article/app/unauth/three/1');
+      let tempBannerData = await axios.get('/api/uccn/article/app/unauth/three?type=1&number=3&id='+params.id);
       let hot = tempBannerData.data.data;
       return {detail: detail, hotList: hot}
     },
@@ -137,6 +137,7 @@
     background: #fff;
     margin-bottom:10px;
     padding: 20px;
+    position: relative;
   }
   .content{
     display: flex;

pages/tour.vue

@@ -132,7 +132,7 @@
       title: '房车旅游'
     },
     async asyncData() {
-   const { data } = await axios.get('https://dev.dfangche.com/api/app/banner/app/unauth/findBannerlist?type=1&platform=1');
+   const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=1&platform=1');
    let cc = data.data;
    return { bannerList: cc}
   },

pages/vehicle.vue

@@ -27,7 +27,12 @@
               <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"><img src="../assets/images/license.png"/>{{iitem.name}}</span>
+                <span class="flex-aic config" v-for="iitem 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"/>
+                  {{iitem.name}}
+                </span>
                 <nuxt-link :to="item.link"><span class="more-set">+更多配置</span></nuxt-link>
               </div>
             </div>

pages/vehicleList/_id.vue

@@ -40,7 +40,7 @@
                   {{iitem.name}}
                 </span>
               </div>
-              <div class="member-list member-list-c" style="margin: 40px 0 20px 0;">可用租赁 <span>详情可咨询客服></span></div>
+              <div class="member-list member-list-c" style="margin: 40px 0 20px 0;">可用租赁 详情可咨询客服</div>
               <div style="display: flex;" class="member-list">
                 <div>会员价</div>
                 <div class="member-list-c">
@@ -49,7 +49,7 @@
                   <div class="flex-aic"><img style="width: 21px;margin-right: 9px;" src="../../assets/images/p.png"/>普通会员 ￥1200/天，可节省￥300 <span>立即查看></span></div>
                 </div>
               </div>
-              <div class="member-list">房车售价<span style="margin-left: 5px;">{{detail.buyPrice/10000}}万/辆</span></div>
+              <div class="member-list" style="margin-top: 20px;">房车售价<span style="margin-left: 5px;">{{detail.buyPrice/10000}}万/辆</span></div>
             </div>
             <div class="buttonDetails" style="margin-top: 20px;position: relative;" @click="showScan()">
               <span class="ft-20">预定用车</span>