fix 修复VueSlickCarousel 宽度未占满问题

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/Carousel/index.vue

@@ -2,11 +2,12 @@
   <div class="Carousel">
     <img src="./images/arrow.svg" @click="prevSlide" class="arrow" />
 
-    <VueSlickCarousel v-if="pictures.length > 0" v-bind="settings" ref="CarouselRef" class="vueSlickCarousel">
+    <VueSlickCarousel style="width: 100%" v-if="pictures.length > 0" v-bind="settings" ref="CarouselRef"
+      class="vueSlickCarousel">
       <div v-for="(item, index) in pictures" :key="index" class="item">
         <!-- <img :src="require(`@screen/images/${item}`)" style="height: 100%"> -->
         <!-- <img :src="item" style="height: 100%"> -->
-        <el-image style="height: 100%" :src="item" :preview-src-list="pictures">
+        <el-image style="height: 100%;width:100%" :src="item" :preview-src-list="pictures">
         </el-image>
       </div>
     </VueSlickCarousel>
@@ -76,20 +77,37 @@ export default {
   .vueSlickCarousel {
     flex: 1;
     overflow: hidden;
+    width: 100%;
 
     ::v-deep {
       .slick-list {
         height: 100%;
+        width: 100%;
+
+        .slick-track {
+          width: 100% !important;
+          height: 100% !important;
+
+          .slick-slide {
+            width: 100% !important;
+
+            div {
+              width: 100%;
+              height: 100%;
+            }
+          }
+
 
-        div {
-          height: 100%;
         }
+
+
       }
     }
 
     .item {
       img {
         height: 100%;
+        width: 100%;
       }
     }
   }