修改详情页面图片显示问题

src/views/detail.vue

@@ -836,6 +836,8 @@ let scrollWidth = ref(null)
 let scrollMove = false
 //点击方向按钮
 let moveImageList = type => {
+
+    console.log("type",type,imgListTab.value,imageLIstLeft);
     if (type === "right" && imgScrollBottom()) return
     if ((type === "left" && imgListTab.value === 0) || (imgListTab.value === imageLIstLeft.value.length - 1 && type === "right")) return
     type === "left" ? imgListTab.value-- : imgListTab.value++
@@ -2277,10 +2279,10 @@ img {
 
             .list-box {
                 overflow-x: scroll;
-                scrollbar-color: transparent transparent;
-                scrollbar-track-color: transparent;
-                -ms-scrollbar-track-color: transparent;
-                -ms-overflow-style: none; // 微软
+                // scrollbar-color: transparent transparent;
+                // scrollbar-track-color: transparent;
+                // -ms-scrollbar-track-color: transparent;
+                // -ms-overflow-style: none; // 微软
                 height: 120px;
                 color: #fff;
 
@@ -2307,6 +2309,7 @@ img {
                     margin-right: 10px;
                     flex-shrink: 0;
                     position: relative;
+                    object-fit: fill;
                 }
 
                 .img:hover {