修改app图片

pages/tourDetails/_id.vue

@@ -104,7 +104,7 @@
               <div style="float:left" class="clearfix" v-if="visible">
                 <div style="float:left;width:114px;margin-right:30px;text-align:center">
                   <div style="background:#FFF5E6;border:2px solid #FFB74B">
-                  <img src="../../assets/images/dfcapp.png" style="width: 90px;margin:12px 10px 8px 10px;"/>
+                  <img src="https://mgmt.dfangche.com/xxfccn/image/qrcode/appQrcode.png" style="width: 90px;margin:12px 10px 8px 10px;"/>
                   <div style="color: #FFB74B;font-size: 14px;margin-bottom:11px">滴房车App</div>
                   </div>
                   <div style="margin-top:8px">

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: 540px;height: 388px;border:1px solid #eee;" ref="mySwiper">
+              <div class="swiper-container gallery-top" style="width: 100%" ref="mySwiper">
                 <div class="swiper-wrapper">
-                  <div class="swiper-slide flex-fdc-jcc"  v-for="item in detail.pictureList" :key="item">
+                  <div class="swiper-slide"  v-for="item in detail.pictureList" :key="item">
                     <img :src="item">
                   </div>
                 </div>
               </div>
-              <div class="gallery-thumbs-box" style="margin-top: 10px;">
+              <div class="gallery-thumbs-box">
                 <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)">
@@ -52,13 +52,13 @@
                   </div>
                 </div>
               </div>
-              <div class="member-list" style="margin-top: 20px;">房车售价<span style="margin-left: 5px;">{{detail.buyPrice}}万/辆</span></div>
+              <div class="member-list" style="margin-top: 20px;">市场统一销售价<span style="margin-left: 5px;">{{detail.buyPrice}}万/辆</span></div>
             </div>
             <div class="buttonDetails" style="margin-top: 20px;position: relative;" @click="showScan()">
               <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: 0 20px 20px 20px;">
+          <div style="width: 800px;background: #fff;margin: 20px 0;padding: 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: 0 20px 20px 20px;">
+          <div class="content-r-link" style="width: 300px;background: #fff;margin: 20px 0;padding: 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:90%'");
+      data.data.modelsDetails = data.data.modelsDetails.replace(/<img/g,"<img style='width:100%'");
       data.data.modelParam =  JSON.parse(data.data.modelParam );
       let pic = data.data.picture.split(",");
       user.pictureList = pic;
@@ -217,8 +217,7 @@
     left: 200px;
     top: 0px;
     padding: 10px;
-    /*box-shadow: 0 0 5px #FFB74B;*/
-    border:2px solid #ffb74b;
+    box-shadow: 0 0 5px #FFB74B;
     background: #FFF5E6;
     cursor: auto;
   }
@@ -298,7 +297,7 @@
   }
   .buttonDetails {
     width: 180px;
-    padding: 17px 0;
+    padding: 10px 0;
     background: #1bbb9f;
     cursor: pointer;
     font-family: Microsoft YaHei;
@@ -322,7 +321,7 @@
   .vehicle-container .swiper-wrapper-thu img{
     width: 103px !important;
     height: 64px !important;
-    border: 1px solid #eee;
+    border: 2px solid #fff;
   }
   .vehicle-container .swiper-wrapper-thu img.active{
     border: 2px solid #1bbb9f;