官网-关于欣新-首页

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;
     }
+    @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;
@@ -181,6 +195,6 @@
     }
     .banner{
       width:100%;
-        max-height:500px;
+      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;
   }
+  @media screen and (min-width:1120px) and (max-width:1200px){
     .box{
       position:relative;
-    height:500px;
+      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>

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"> -->

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>

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>