首页、活动、车型样式调整

assets/main.css

@@ -6,6 +6,10 @@ body {
 #newBridge .nb-middle{
   display: none !important;
 }
+#newBridge .icon-right-center{
+  bottom: 100px !important;
+  top: auto !important;
+}
 .min-win{
   width: 1200px;
 }
@@ -46,15 +50,15 @@ body {
   display: flex;
   justify-content: space-between;
   background: #fff;
-  padding: 20px;
+  padding: 40px;
 }
 .content-t{
-  /*border-bottom: 5px solid #1bbb9f;*/
   width: 100px;
   text-align: center;
-  padding: 10px;
   margin-bottom: 20px;
   font-weight: normal;
+  height: 54px;
+  line-height: 56px;
 }
 
 .bread-menu span{

components/menu.vue

@@ -74,6 +74,7 @@
     background: #fff;
     display: flex;
     justify-content: center;
+    border-bottom: 1px solid #eee;
   }
   .logo-t{
     color: #333;

pages/activityList/_id.vue

@@ -21,11 +21,11 @@
           </div>
         </div>
         <div class="flex-jcb">
-          <div style="width: 800px;background: #fff;margin: 20px 0;padding: 20px;">
-            <h3 class="content-t">活动详情</h3>
+          <div style="width: 800px;background: #fff;margin: 20px 0;padding: 0 40px 40px 40px;">
+            <h3 class="content-t content-t-l" style="text-align: left;">活动详情</h3>
             <div class="models-details" v-html="detail.content"></div>
           </div>
-          <div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;">
+          <div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;">
             <h3 class="content-t hot-t-r">热门活动</h3>
             <div class="content-detail tc" v-for="item in hotList" :key="item.id">
               <img :src="item.banner" :alt="item.title" style="width: 190px;height: 120px;"/>
@@ -65,7 +65,7 @@
     async asyncData({ env, params, error}) {
       const { data } = await axios.get( '/api/uccn/summitActivity/app/unauth/'+params.id);
       let detail = data.data;
-      detail.content =detail.content.replace(/<img/g,"<img style='width:100%'");
+      detail.content =detail.content.replace(/<img/g,"<img style='width:90%'");
       if (!detail) {
         return error({ message: 'detail not found', statusCode: 404 })
       }

pages/newsList/_id.vue

@@ -65,7 +65,7 @@
       let detail = data.data;
       let tempBannerData = await axios.get('/api/uccn/article/app/unauth/three?type=1&number=3&id='+params.id);
       let hot = tempBannerData.data.data;
-      detail.text = detail.text.replace(/<img/g,"<img style='width:100%'");
+      detail.text = detail.text.replace(/<img/g,"<img style='width:90%'");
 //      detail.text = detail.text.replace(/font-size: 18px !important;/g,"font-size: 14px !important;color:#666;line-height: normal !important;");
       return {detail: detail, hotList: hot}
     },

pages/vehicleList/_id.vue

@@ -11,14 +11,14 @@
         <div style="display: flex;padding: 20px;background: #fff;height: 536px;">
           <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-container gallery-top" style="width: 540px;height: 388px;border:1px solid #eee;" ref="mySwiper">
                 <div class="swiper-wrapper">
-                  <div class="swiper-slide"  v-for="item in detail.pictureList" :key="item">
+                  <div class="swiper-slide flex-fdc-jcc"  v-for="item in detail.pictureList" :key="item">
                     <img :src="item">
                   </div>
                 </div>
               </div>
-              <div class="gallery-thumbs-box">
+              <div class="gallery-thumbs-box" style="margin-top: 10px;">
                 <div class="swiper-container gallery-thumbs">
                   <div class="swiper-wrapper swiper-wrapper-thu">
                     <div class="swiper-slide"  v-for="(item,index) in detail.pictureList" :key="index"  @click="changeImgIndex(index,detail.pictureList.length)">
@@ -58,7 +58,7 @@
               <span class="ft-20">预定用车</span>
               <div v-if="isShowScan" class="scan">
                 <img src="../../assets/images/dfcapp.png" style="width: 90px;"/>
-                <div style="color: #FFB74B;font-size: 14px;">滴房车App</div>
+                <div style="color: #FFB74B;font-size: 14px;">滴房车APP</div>
               </div>
               <div  v-if="isShowScan" class="scan-notice">
                 <div>安卓用户微信扫码</div>
@@ -68,7 +68,7 @@
           </div>
         </div>
         <div class="flex-jcb">
-          <div style="width: 800px;background: #fff;margin: 20px 0;padding: 20px;">
+          <div style="width: 800px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;">
             <h3 class="content-t content-t-l" style="text-align: left;">房车详情</h3>
             <div class="models-details" v-html="detail.modelsDetails"></div>
             <h3 class="content-t">租车须知</h3>
@@ -81,7 +81,7 @@
               </div>
             </div>
           </div>
-          <div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 20px;">
+          <div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 0 20px 20px 20px;">
             <h3 class="content-t hot-t-r">热门车型</h3>
             <div class="content-detail tc" v-for="item in hotList" :key="item.id">
               <img :src="item.coverPic" :alt="item.name" style="width: 161px;height: 116px;"/>
@@ -122,7 +122,7 @@
     async asyncData({ env, params, route, error}) {
       const { data } = await axios.get('/api/uccn/vehicleModel/app/unauth/detail/'+route.query.name);
       let user = data.data;
-      data.data.modelsDetails = data.data.modelsDetails.replace(/<img/g,"<img style='width:100%'");
+      data.data.modelsDetails = data.data.modelsDetails.replace(/<img/g,"<img style='width:90%'");
       data.data.modelParam =  JSON.parse(data.data.modelParam );
       let pic = data.data.picture.split(",");
       user.pictureList = pic;
@@ -217,7 +217,8 @@
     left: 200px;
     top: 0px;
     padding: 10px;
-    box-shadow: 0 0 5px #FFB74B;
+    /*box-shadow: 0 0 5px #FFB74B;*/
+    border:2px solid #ffb74b;
     background: #FFF5E6;
     cursor: auto;
   }
@@ -297,7 +298,7 @@
   }
   .buttonDetails {
     width: 180px;
-    padding: 10px 0;
+    padding: 17px 0;
     background: #1bbb9f;
     cursor: pointer;
     font-family: Microsoft YaHei;
@@ -321,7 +322,7 @@
   .vehicle-container .swiper-wrapper-thu img{
     width: 103px !important;
     height: 64px !important;
-    border: 2px solid #fff;
+    border: 1px solid #eee;
   }
   .vehicle-container .swiper-wrapper-thu img.active{
     border: 2px solid #1bbb9f;