图片更换

assets/scss/cus-client/cus-client-page.scss

@@ -456,9 +456,9 @@
   .client-aboutUs-page{
 
     // banner
-    .aboutUs-banner{width: 100%;height: 305px;background-image: url("~static/images/client/aboutUs/aboutUs-banner-bg.png");
-        span{width: 1200px;overflow: hidden;display: block;margin: 0 auto;}
-        img{width: 1200px;overflow: hidden;margin: 0 auto;display: block}
+    .aboutUs-banner{
+      width: 100%;height: 640px;background-image: url("~static/images/client/aboutUs/aboutUs-banner-bg.png");
+      div{width:inherit;height:inherit;background-position-x: center;background-repeat: no-repeat;}
       }
 
     // 公司简介
@@ -512,12 +512,6 @@
       img{max-width: 100%;display: block;}
     }
     @media (max-width: 768px){
-      // banner
-      .aboutUs-banner{
-        height: 150px;
-        span{width: 100%;}
-        img{width: auto;height: 150px;}
-      }
       // 公司简介
       .company-profile-box{
         img{margin: 20px auto;max-width: 100%;}
@@ -545,8 +539,8 @@
   .client-newsInfor-page{
     // banner
     .newsInfor-banner{
-      width: 100%;height: 305px;background-image: url("~static/images/client/newsInfor/newsInfor-banner-bg.png");overflow: hidden;
-      img{width: 1200px;overflow: hidden;margin: 0 auto;display: block}
+      width: 100%;height: 640px;overflow: hidden;
+      div{width:inherit;height:inherit;background-position-x: center;background-repeat: no-repeat;}
     }
 
     // 菜单 ul
@@ -597,11 +591,6 @@
     }
 
     @media (max-width: 768px){
-      // banner
-      .newsInfor-banner{
-        height: 150px;
-        img{width: auto;height: 150px;}
-      }
 
       // 页面主要内容区域
       .newsInfor-content-box{

pages/introduction/index.vue

@@ -2,7 +2,7 @@
   <div class="client-aboutUs-page">
     <!-- 关于我们banner栏 -->
     <div class="aboutUs-banner">
-      <span><img :src="aboutUsBannerImg" alt="关于我们"></span>
+      <div :style="{backgroundImage: `url(${aboutUsBannerImg})`}"></div>
     </div>
 
     <!-- 公司简介 -->

pages/news/index.vue

@@ -2,7 +2,7 @@
   <div class="client-newsInfor-page">
     <!-- 新闻资讯banner栏 -->
     <div class="newsInfor-banner" v-if="bannerList && bannerList.length>0">
-        <img  @click="clickBanner(bannerList[0].url)" :src="bannerList[0].pic" alt="新闻资讯">
+      <div :style="{backgroundImage: `url(${bannerList[0].pic})`}"></div>
     </div>
     <!-- 新闻资讯 -->
     <ul class="platform-menu-ul">