官网-关于欣新-首页

assets/main.css

@@ -3,6 +3,9 @@ body {
     height: 100%;
     width: 100%;
 }
+#newBridge .nb-middle{
+  display: none !important;
+}
 .min-win{
   width: 1200px;
 }
@@ -63,7 +66,7 @@ body {
 }
 
 .main-container{
-  margin-top:90px;
+  margin-top:120px;
   min-height: 600px;
 }
 

components/banner.vue

@@ -152,11 +152,25 @@
       display: flex;
       justify-content: center;
     }
-    .box{
+    @media screen and (min-width:1120px) and (max-width:1366px){
+      .box{
         position:relative;
-        height:500px;
-        min-height: 300px;
+        height:350px;
+      }
     }
+    @media screen and (min-width:1366px) and (max-width:1920px){
+      .box{
+        position:relative;
+        height:420px;
+      }
+    }
+    @media screen and (min-width:1920px){
+      .box{
+        position:relative;
+        height:560px;
+      }
+    }
+
     span{
         display:block;
         height:40px;
@@ -180,7 +194,7 @@
         transform: translateY(-50%);
     }
     .banner{
-        width:100%;
-        max-height:500px;
+      width:100%;
+      overflow: hidden;
     }
 </style>

components/footer.vue

@@ -52,6 +52,7 @@
     position: relative;
     background:url("../assets/images/footer.jpg") no-repeat;
     color: #fff;
+    margin-top: -5px;
   }
   .footer {
     font-family: sans-serif;

components/vehicleBanner.vue

@@ -150,9 +150,23 @@
     display: flex;
     justify-content: center;
   }
-  .box{
-    position:relative;
-    height:500px;
+  @media screen and (min-width:1120px) and (max-width:1200px){
+    .box{
+      position:relative;
+      height:150px;
+    }
+  }
+  @media screen and (min-width:1201px) and (max-width:1920px){
+    .box{
+      position:relative;
+      height:180px;
+    }
+  }
+  @media screen and (min-width:1920px){
+    .box{
+      position:relative;
+      height:240px;
+    }
   }
   span{
     display:block;
@@ -178,7 +192,6 @@
   }
   .banner{
     width:100%;
-    height:240px;
     overflow: hidden;
   }
 </style>

nuxt.config.js

@@ -14,7 +14,8 @@ module.exports = {
           { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic' }
         ],
         script: [
-          { src: 'https://dev.dfangche.com/h5/appHtml/js/util.js' }
+          { src: 'https://dev.dfangche.com/h5/appHtml/js/util.js' },
+          {src: 'https://hm.baidu.com/hm.js?672a607e77e242a0b9a090f5aaab7f33'}
         ],
     },
     css: [

pages/activity.vue

@@ -17,6 +17,10 @@
         class="mb-50">
       </vehicle-banner>
       <div class="wrap" style="background: #f1f1f1;">
+        <div class="bread-menu" style="margin-top: 20px;padding: 0">
+          <nuxt-link to="/">首页></nuxt-link>
+          <span>欣新活动</span>
+        </div>
         <div class="total-div">
           共{{totalCount}}个活动
         </div>

pages/activityList/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 110px;">
+    <div class="main-container" style="margin-top: 140px;">
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

pages/campsite.vue

@@ -17,6 +17,10 @@
         class="mb-50">
       </vehicle-banner>
       <div class="wrap">
+        <div class="bread-menu" style="margin-top: 20px;padding: 0">
+          <nuxt-link to="/">首页></nuxt-link>
+          <span>房车营地</span>
+        </div>
         <div class="clearfix total-div" style="background-color: #fff;padding:13px 0 19px 14px;color:#666;height:50px">
           共{{totalCount}}个房车营地
           <select

pages/campsiteDetails/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container"  style="margin-top: 110px;">
+    <div class="main-container"  style="margin-top: 140px;">
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>
@@ -32,7 +32,7 @@
                       v-for="(item,index) in detail.pictureList"
                       :key="index"
                       @click="changeImgIndex(index,detail.pictureList.length)"
-                      
+
                     >
                       <img
                         :src="item.imgUrl"
@@ -63,7 +63,7 @@
                     <!-- <h6 style="font-size:12px;font-weight:400">安卓用户微信扫码可马上下单</h6> -->
                   </div>
                 </div>
-                
+
                 <div style="float:left;width:114px;text-align:center">
                   <div style="background:#FFF5E6;border:2px solid #FFB74B">
                   <img src="../../assets/images/xxfczs.jpg" style="width: 90px;margin:12px 10px 8px 10px;"/>
@@ -83,7 +83,7 @@
             <h3 style="font-size:16px;font-weight:bold;margin-bottom:20px">营地详情</h3>
           <div  v-html="detail.content">
           </div>
-          <h3 style="margin:31px 0 20px 0;font-size:16px;font-weight:bold">配套设施收费</h3>  
+          <h3 style="margin:31px 0 20px 0;font-size:16px;font-weight:bold">配套设施收费</h3>
           <div v-html="detail.configure">
           </div>
           <h3 style="margin:31px 0 20px 0;font-size:16px;font-weight:bold">预定须知</h3>
@@ -96,11 +96,11 @@
               <img :src="item.imgUrl" alt="" style="width:180px;height:135px">
               <h5 style="overflow: hidden;text-overflow:ellipsis;margin:21px 0 30px 0;font-weight:400;font-size:16px;white-space: nowrap;">{{item.name}}</h5>
                <nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:57px" >营地详情</button></nuxt-link>
-              
+
               </div>
           </div>
         </div>
-       
+
       </div>
     </div>
     <footer-modal></footer-modal>
@@ -263,7 +263,7 @@ export default {
     color: #fff;
     background: #1bbb9f;
   }
-  
+
 </style>
 
 

pages/news.vue

@@ -17,6 +17,10 @@
         class="mb-50">
       </vehicle-banner>
       <div class="wrap" style="background: #f1f1f1;">
+        <div class="bread-menu" style="margin-top: 20px;padding: 0">
+          <nuxt-link to="/">首页></nuxt-link>
+          <span>新闻动态</span>
+        </div>
         <div class="total-div">
           共{{totalCount}}篇新闻资讯
         </div>

pages/newsList/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 110px;">
+    <div class="main-container" style="margin-top: 140px;">
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>

pages/tour.vue

@@ -19,6 +19,10 @@
         </vehicle-banner>
       </div>
       <div class="wrap">
+        <div class="bread-menu" style="margin-top: 20px;padding: 0">
+          <nuxt-link to="/">首页></nuxt-link>
+          <span>房车旅行</span>
+        </div>
         <div class="clearfix total-div" style="background-color: #fff;padding:13px 0 19px 14px;color:#666;height:50px">
           共{{totalCount}}个旅行路线
           <!-- <div class="selectDiv"> -->
@@ -135,10 +139,10 @@
       }
     },
     async asyncData() {
-   const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=1&platform=1');
-   let cc = data.data;
-   return { bannerList: cc}
-  },
+     const { data } = await axios.get('/api/app/banner/app/unauth/findBannerlist?type=1&platform=1');
+     let cc = data.data;
+     return { bannerList: cc}
+    },
   }
 </script>
 

pages/tourDetails/_id.vue

 <template>
   <div>
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 110px;">
+    <div class="main-container" style="margin-top: 140px;">
       <div class="wrap" >
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>
@@ -80,7 +80,7 @@
                     <!-- <h6 style="font-size:12px;font-weight:400">安卓用户微信扫码可马上下单</h6> -->
                   </div>
                 </div>
-                
+
                 <div style="float:left;width:114px;text-align:center">
                   <div style="background:#FFF5E6;border:2px solid #FFB74B">
                   <img src="../../assets/images/xxfczs.jpg" style="width: 90px;margin:12px 10px 8px 10px;"/>
@@ -93,7 +93,7 @@
                 </div>
               </div>
             </div>
-            
+
           </div>
         </div>
 
@@ -102,7 +102,7 @@
             <h3 style="font-size:16px;font-weight:bold;margin-bottom:20px">行程亮点</h3>
           <div  v-html="detail.content">
           </div>
-          <h3 style="margin:31px 0 20px 0;font-size:16px;font-weight:bold">行程介绍</h3>  
+          <h3 style="margin:31px 0 20px 0;font-size:16px;font-weight:bold">行程介绍</h3>
           <div v-html="detail.introduce">
           </div>
           <h3 style="margin:31px 0 20px 0;font-size:16px;font-weight:bold">报名须知</h3>
@@ -115,7 +115,7 @@
               <img :src="item.cover" alt="" style="width:180px;height:135px">
               <h5 style="overflow: hidden;text-overflow:ellipsis;margin:21px 0 30px 0;font-weight:400;font-size:16px;white-space: nowrap;">{{item.name}}</h5>
                <nuxt-link :to="item.link"><button class="buttonDetail" style="font-size:14px;margin-bottom:57px" >旅游详情</button></nuxt-link>
-              
+
               </div>
           </div>
         </div>
@@ -143,7 +143,7 @@ export default {
       lengthPic: 0,
       preIndex: 0, //当前轮播选中图
       visible: false,
-      
+
     };
   },
   validate({ params }) {
@@ -183,9 +183,9 @@ export default {
       user.time.weekStart = weekday[user.time.startWeek];
       user.time.weekEnd = weekday[user.time.endWeek];
       // console.log(startAddress);
-      
+
       console.log(pic);
-      
+
       console.log(user);
       if (!user) {
         return error({ message: 'User not found', statusCode: 404 })
@@ -197,7 +197,7 @@ export default {
         item.link = encodeURI(item.link)
       });
       console.log(hot);
-      
+
       let noticeData = await axios.get( env.host + '/api/app/cofig/app/unauth/types?types=14');
       let notice = noticeData.data.data;
       return {detail: user, hotList: hot, notice: notice}

pages/vehicle.vue

@@ -17,6 +17,10 @@
         class="mb-50">
       </vehicle-banner>
       <div class="wrap" style="background: #f1f1f1;">
+        <div class="bread-menu" style="margin-top: 20px;padding: 0">
+          <nuxt-link to="/">首页></nuxt-link>
+          <span>房车租赁</span>
+        </div>
         <div class="total-div">
           共{{totalCount}}款车型
         </div>

pages/vehicleList/_id.vue

 <template>
   <div class="vehicle-container">
     <menu-modal></menu-modal>
-    <div class="main-container" style="margin-top: 110px;">
+    <div class="main-container" style="margin-top: 140px;">
       <div class="wrap">
         <div class="bread-menu">
           <nuxt-link to="/">首页></nuxt-link>