详情图片demo

src/views/bigScreen/InfoModal/index.vue

@@ -14,8 +14,12 @@
       <div class="prev-button" @click="prevImage"></div>
       <div class="image-div">
         <el-carousel ref="carousel" indicator-position="outside" height="170px" arrow="never" :autoplay="false">
-          <el-carousel-item v-for="item in 4" :key="item">
-            <h3>{{ item }}</h3>
+          <el-carousel-item v-for="(item,index) in imageList" :key="index">
+            <el-image 
+              style="width: 292px; height: 170px"
+              :src="item" 
+              :preview-src-list="imageList">
+            </el-image>
           </el-carousel-item>
         </el-carousel>
       </div>
@@ -38,7 +42,12 @@ export default {
    name:'',
    data() {
       return {
-        infoButtonSelect: '无人机'
+        infoButtonSelect: '无人机',
+        imageList: [
+          'https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg',
+          'https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg',
+          'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
+        ]
       }
    },
    methods:{