bug

project/fengdu/app/AppDynamic/components/Detail.vue

@@ -1,5 +1,5 @@
 <template>
-  <ai-detail>
+  <ai-detail class="AppDynamicDetail">
     <template slot="title">
       <ai-title title="详情" isShowBack isShowBottomBorder @onBackClick="cancel(false)">
       </ai-title>
@@ -17,7 +17,12 @@
               <AiArticle :value="info.content"></AiArticle>
             </ai-info-item>
             <ai-info-item label="附件" isLine>
-              <AiFileList :fileList="info.files"></AiFileList>
+              <div class="files">
+                <div class="file-item" v-for="(item, index) in info.files" :key="index">
+                  <img :src="item.url" v-if="item.postfix !== '.mp4'">
+                  <video controls v-else :src="item.url"></video>
+                </div>
+              </div>
             </ai-info-item>
           </ai-wrapper>
         </template>
@@ -74,4 +79,22 @@
 </script>
 
 <style scoped lang="scss">
+  .AppDynamicDetail {
+    .files {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      .file-item {
+        width: 240px;
+        height: 240px;
+        margin: 0 20px 20px 0;
+
+        img, video {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+        }
+      }
+    }
+  }
 </style>