合并版本

front/src/views/detailsAll/components/Application/ApplicationPresentation.vue

@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-08 15:25:33
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-07-16 16:43:02
+ * @LastEditTime: 2022-07-16 17:03:24
  * @Description: 应用展示  视频播放
 -->
 <template>
@@ -23,7 +23,11 @@
         class="main2"
         v-if="showArr.length > 0 && showArr[showFlag].attrType == '应用图片'"
       >
-        <a-image :width="700" :src="showArr[showFlag].attrValue" />
+        <a-image
+          :width="700"
+          :height="340"
+          :src="showArr[showFlag].attrValue"
+        />
       </div>
       <div class="right" @click="chagneShow()"></div>
     </div>
@@ -92,9 +96,16 @@
     showArr.value = props.dataList.infoList.filter(
       (item) => item.attrType === '应用展示视频' || item.attrType === '应用图片'
     )
+    let obj = props.dataList.infoList.filter(
+      (item) => item.attrType === '应用展示视频'
+    )[0]
     console.log('视频==============>', showArr.value)
     if (showArr.value.length == 0) {
       flag.value = false
+    } else {
+      if (obj) {
+        options.src = obj.attrValue
+      }
     }
   }
   watch(
@@ -105,9 +116,16 @@
           (item) =>
             item.attrType === '应用展示视频' || item.attrType === '应用图片'
         )
+        let obj = props.dataList.infoList.filter(
+          (item) => item.attrType === '应用展示视频'
+        )[0]
         console.log('视频==============>', showArr.value)
         if (showArr.value.length == 0) {
           flag.value = false
+        } else {
+          if (obj) {
+            options.src = obj.attrValue
+          }
         }
       }
     }
@@ -173,4 +191,10 @@
       background-position: center;
     }
   }
+
+  :deep(.ant-image-img) {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
 </style>