新闻资讯列表页

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

@@ -875,7 +875,7 @@
         li{margin-bottom: 40px;}
         li:last-child{margin-bottom: 0;}
         //图片
-        img{width:318px;height:178px;display: inline-block;margin-right: 32px;border-radius: 8px;overflow: hidden;vertical-align: top;}
+        .newsInfor-img-box{width:318px;height:178px;display: inline-block;margin-right: 32px;border-radius: 8px;overflow: hidden;vertical-align: top;background-repeat: no-repeat;background-size: cover;background-position: center;}
         //内容区域
         .newsInfor-list-content{
           width: calc(100% - 350px);

pages/news/index.vue

@@ -10,7 +10,7 @@
     <div class="client-container newsInfor-content-box">
       <ul class="newsInfor-content-ul">
         <li v-for="(item,index) in newsList  " :key="index">
-          <img :src=" item.pic ||newsInforImg" alt="行业动态">
+          <div class="newsInfor-img-box" :style="{backgroundImage: 'url(' + item.pic ||newsInforImg + ')'}"></div>
           <div class="newsInfor-list-content">
             <h5>{{item.title}}</h5>
             <div><i></i><span>{{item.startTime}}</span><i type="visits"></i><span>{{item.visits}}</span>