From ec30668fa4c51e254664dd58aef70dcabf33488f Mon Sep 17 00:00:00 2001
From: pushuo <pushuo@guangda.work>
Date: Mon, 5 Dec 2022 20:02:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=95=86=E5=93=81=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20hover=20=E6=98=BE=E7=A4=BA=E7=AC=AC=E4=BA=8C?=
 =?UTF-8?q?=E5=BC=A0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../beike/shop/default/css/product-style.scss | 26 ++++---------------
 themes/default/shared/product.blade.php       |  3 ---
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/resources/beike/shop/default/css/product-style.scss b/resources/beike/shop/default/css/product-style.scss
index 9c6f49e2..a8400325 100644
--- a/resources/beike/shop/default/css/product-style.scss
+++ b/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;
diff --git a/themes/default/shared/product.blade.php b/themes/default/shared/product.blade.php
index 77d81237..fc232433 100644
--- a/themes/default/shared/product.blade.php
+++ b/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