非法涉猎 预警详情图片

src/views/hunting/home/components/vehicle.vue

@@ -14,7 +14,7 @@
           <li v-for="item in roll_list" :key="item.id">
             <div class="roll_item_left">
               <div class="roll_item_pic">
-                <oss-img :src="item.platePic" alt="" />
+                <img class="oss-img" :src="item.platePic" alt="" />
               </div>
             </div>
             <div class="roll_item_right">
@@ -60,10 +60,8 @@
 </template>
 <script>
 import { listVehicle } from '@/api/hunting/vehicle'
-import OssImg from '@/components/img/OssImg.vue'
 export default {
   name: 'KeyPerson',
-  components: { OssImg },
   data() {
     return {
       // * 模块标题
@@ -104,6 +102,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.oss-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 .key_body {
   width: 20vw;
   height: 44vh;

src/views/hunting/home/components/warning.vue

@@ -14,7 +14,7 @@
           <li v-for="item in roll_list" :key="item.id">
             <div class="roll_item_left">
               <div class="roll_item_pic">
-                <oss-img :src="item.platePic" alt="" />
+                <img class="oss-img" :src="item.platePic" alt="" />
               </div>
             </div>
             <div class="roll_item_right">
@@ -48,10 +48,8 @@
 </template>
 <script>
 import { listHunter } from '@/api/hunting/hunter'
-import OssImg from '@/components/img/OssImg.vue'
 export default {
   name: 'KeyPerson',
-  components: { OssImg },
   data() {
     return {
       // * 模块标题
@@ -92,6 +90,11 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.oss-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 .key_body {
   width: 20vw;
   height: 44vh;

src/views/hunting/warning/Detail.vue

@@ -34,7 +34,6 @@ export default {
 .detail {
   color: white;
   width: 100%;
-  height: 63vh;
   overflow: hidden;
   display: flex;