.

src/main/zhi-rong-web/src/views/Home.vue

@@ -1,17 +1,18 @@
 <template>
     <div class="home">
         <banner></banner>
-        <div class="center-content" style="padding-top: 80px">
+        <div class="center-content" style="padding-top: 80px;">
             <div class="news">
                 <div class="carousel news-item" @mouseover="autoplay = false" @mouseout="autoplay = true">
                     <el-carousel ref="carousel" height="360px" arrow="never" trigger="hover" @change="changeCarousl">
                         <el-carousel-item v-for="(item, index) in newsListIndex" :key="index">
-                            <img
-                                @click="all('/news')"
-                                style="width: 100%; height: 100%; cursor: pointer"
+                            <el-image
                                 :src="item.img"
-                                alt=""
-                            />
+                                @click="all('/news')"
+                                style="width: 100%; height: 100%; cursor: pointer;"
+                                fit="cover"
+                            ></el-image>
+
                             <p class="swiper-itemText">{{ item.name }}</p>
                         </el-carousel-item>
                     </el-carousel>
@@ -57,8 +58,8 @@
                         </router-link>
                     </div>
                     <div class="empty" v-else>
-                        <i class="el-icon-takeaway-box" style="margin-left: 24px"></i>
-                        <div style="font-size: 20px">暂无数据</div>
+                        <i class="el-icon-takeaway-box" style="margin-left: 24px;"></i>
+                        <div style="font-size: 20px;">暂无数据</div>
                     </div>
                 </div>
             </div>

src/main/zhi-rong-web/src/views/news/Index.vue

@@ -13,12 +13,19 @@
                         @change="changeCarousl"
                     >
                         <el-carousel-item v-for="(item, index) in newsListIndex" :key="index">
-                            <img
+                            <!-- <img
                                 @click="all('/newsDetail?id=' + item.id)"
                                 style="width: 100%; height: 100%; cursor: pointer"
                                 :src="item.img"
                                 alt=""
-                            />
+                            /> -->
+                            <el-image
+                                @click="all('/newsDetail?id=' + item.id)"
+                                :src="item.img"
+                                fit="cover"
+                                style="width: 100%; height: 100%; cursor: pointer;"
+                            ></el-image>
+
                             <p class="swiper-itemText">{{ item.name }}</p>
                         </el-carousel-item>
                     </el-carousel>