删除商品组件 hover 显示第二张图

resources/beike/shop/default/css/product-style.scss

@@ -9,10 +9,10 @@
  */
 
 .product-wrap {
-  margin-bottom: 26px;
+  margin-bottom: 20px;
   text-align: center;
-
-
+  padding-bottom: .7rem;
+  transition: all 0.3s ease-in-out;
 
   .image {
     margin-bottom: 10px;
@@ -23,13 +23,6 @@
       transition: all ease-out .4s;
     }
 
-    .image-hover {
-      position: absolute;
-      top: 0;
-      left: 0;
-      opacity: 0;
-    }
-
     .button-wrap {
       width: 100%;
       position: absolute;
@@ -46,20 +39,11 @@
         }
       }
     }
-
-    &:hover {
-      .image-hover {
-        opacity: 1;
-        transition: all ease-out .4s;
-      }
-
-      .image-old {
-        opacity: 0;
-      }
-    }
   }
 
   &:hover {
+    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+
     .button-wrap {
       bottom: 10px;
       opacity: 1;

themes/default/shared/product.blade.php

@@ -4,9 +4,6 @@
       <div class="image-old">
         <img src="{{ $product['images'][0] ?? image_resize('', 400, 400) }}" class="img-fluid">
       </div>
-      <div class="image-hover">
-        <img src="{{ $product['images'][1] ?? image_resize('', 400, 400) }}" class="img-fluid">
-      </div>
     </a>
     <div class="button-wrap">
       <button