非法涉猎 预警详情图片

src/views/hunting/warning/Detail.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="detail">
     <div class="flex-1">
-      <oss-img :src="data.pic" />
+      <img class="oss-img" :src="data.pic" />
     </div>
     <div class="flex-col w-400 ml-12 overflow-auto">
       <div class="fy-center grid">
         <div v-for="(item, index) in data.albums" :key="index" class="flex-1 h-144">
-          <oss-img :src="item" />
+          <img class="oss-img" :src="item" />
         </div>
       </div>
       <div class="mt-8">
@@ -19,17 +19,18 @@
   </div>
 </template>
 <script>
-import OssImg from '@/components/img/OssImg.vue'
 export default {
-  components: {
-    OssImg
-  },
   props: {
     data: Object
   }
 }
 </script>
 <style lang="scss" scoped>
+.oss-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 .detail {
   color: white;
   width: 100%;