修改图片展示问题

src/views/design/main/index.vue

@@ -420,11 +420,10 @@ export default {
         this.getBackFile({ files: [it], size }, (file) => {
           this.imgHistoryList.push(JSON.parse(JSON.stringify(this.imgList)));
         });
-      });
-      setTimeout(() => {
         this.imgDom = document.getElementById("imgBox");
         if (this.imgDom) this.imgDom.style.webkitClipPath = "none";
-      }, 300);
+      });
+      // setTimeout(() => {}, 300);
       // this.selectImgIndexList = Array.from(new Set(this.selectImgIndexList))
       // this.getBackFile({ files: [it], size });
     },
@@ -1058,7 +1057,7 @@ export default {
             style="border-bottom: 1px solid #ececec;"
           >
             <template #mainContent v-if="detail.imageAry?.length">
-              <div style="display: flex;flex-wrap: nowrap;width: 100%;">
+              <div style="width: 100%;">
                 <div
                   v-for="(img, index) in detail.imageAry"
                   :key="index"
@@ -1579,8 +1578,8 @@ img {
 
 .img-item {
   // height: 150px;
-  width: 200px;
-  max-height: 200px;
+  width: 180px;
+  max-height: 215px;
   overflow: hidden;
   padding: 5px;
   box-sizing: border-box;
@@ -1674,7 +1673,7 @@ img {
 .information-content {
   border: 1px solid #ececec;
   border-top: none;
-
+  width: 100%;
   .main {
     margin: 5px;
     border: 1px solid #ececec;