关于欣新

assets/main.css

@@ -15,6 +15,24 @@ body {
   bottom: 150px !important;
   top: auto !important;
 }
+.v-type-active{
+  background: #1bbb9f;
+  color: #fff;
+}
+.v-type{
+  display: inline-block;
+  cursor: pointer;
+  width: 110px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+}
+.v-type-ul{
+  width: 600px;
+  margin: 0 auto 20px auto;
+  justify-content: space-between;
+  display: flex;
+}
 .min-win{
   width: 1200px;
 }

components/vehicleBanner.vue

@@ -3,7 +3,7 @@
     <div class="box">
       <ul>
         <li v-for="(item, index) in list" :key="item.id" :class="index === current ? 'active' : ''" @click="bannerClick(index, item)">
-          <img :src= "item.cover" style="width:100%;min-width: 1120px;height: 100%;" :alt="item.title"/>
+          <img :src= "item.cover" style="width:100%;min-width: 1120px;height: 240px;object-fit: cover;" :alt="item.title"/>
         </li>
       </ul>
       <!--<div class="status">-->
@@ -151,24 +151,24 @@
     justify-content: center;
   }
 
-  @media screen 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){
+  /*@media screen 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;
     height:40px;

pages/index.vue

@@ -655,24 +655,6 @@ export default {
     position: relative;
     margin-bottom: 50px;
   }
-  .v-type-active{
-    background: #1bbb9f;
-    color: #fff;
-  }
-  .v-type{
-    display: inline-block;
-    cursor: pointer;
-    width: 110px;
-    height: 40px;
-    line-height: 40px;
-    text-align: center;
-  }
-  .v-type-ul{
-    width: 600px;
-    margin: 0 auto 20px auto;
-    justify-content: space-between;
-    display: flex;
-  }
 
   .tour-t{
     color: #666;