banner样式修改

pages/introduction/index.vue

@@ -1,11 +1,9 @@
 <template>
   <div class="client-aboutUs-page">
     <!-- 关于我们banner栏 -->
-    <div class="client-banner-box guanyu">
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.jpg`)})`}"
         class="client-platform-banner"></div>
-    </div>
 
     <!-- 公司简介 -->
     <div class="company-profile-box">
@@ -507,12 +505,12 @@
   }
 }
 
-.client-banner-box.guanyu {
-  height: 510px;
   .client-platform-banner {
     height: 510px;
+    background-color: #fff;
+    background-position-x: center;
+    background-repeat: no-repeat;
   }
-}
 
 @media (max-width: 768px) {
   .company-profile-box {
@@ -585,11 +583,9 @@
   }
 
 
-  .client-banner-box.guanyu {
-    height: 150px;
     .client-platform-banner {
       height: 150px;
+      background-size: cover;
     }
-  }
 }
 </style>