From d7a1682e9bec1afcbcb466014baf19c06a25669f Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 24 Aug 2025 21:57:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BA=A7=E5=93=81=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E7=BC=A9=E7=95=A5=E5=9B=BE=E8=BE=B9=E6=A1=86?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/products/ProductImageGallery.jsx | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/components/products/ProductImageGallery.jsx b/components/products/ProductImageGallery.jsx
index 7c9ec55..37acb99 100644
--- a/components/products/ProductImageGallery.jsx
+++ b/components/products/ProductImageGallery.jsx
@@ -137,9 +137,10 @@ const ProductImageGallery = ({ data }) => {
         <div 
           className={`w-full h-full rounded-lg overflow-hidden cursor-pointer transition-all duration-300 hover:scale-105 focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2 ${
             index === currentImageIndex 
-              ? 'border-2 border-blue-500 ring-2 ring-blue-200' 
-              : 'border border-gray-200 hover:border-gray-300'
+              ? 'border-2' 
+              : 'border border-[#eee] hover:border-gray-300'
           }`}
+          style={index === currentImageIndex ? { borderColor: '#1A1A1A', borderWidth: '2px' } : {}}
           tabIndex={0}
           role="button"
           aria-label={`查看图片 ${index + 1} / ${data.attachments.length}`}
@@ -257,8 +258,8 @@ const ProductImageGallery = ({ data }) => {
         /* 缩略图悬停效果 */
         .thumbs-swiper .swiper-slide {
           transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-          width: 64px !important; /* 确保宽度为64px */
-          margin-right: 16px !important; /* 确保右边距为16px */
+          width: 64px !important;
+          margin-right: 16px !important;
         }
         
         .thumbs-swiper .swiper-slide:hover {
@@ -266,16 +267,10 @@ const ProductImageGallery = ({ data }) => {
         }
         
         .thumbs-swiper .swiper-slide:last-child {
-          margin-right: 0 !important; /* 最后一个缩略图不需要右边距 */
+          margin-right: 0 !important;
         }
         
-        /* 当前选中的缩略图样式 */
-        .border-2.border-blue-500 {
-          border-color: #3b82f6;
-        }
-        
-        .ring-2.ring-blue-200 {
-          box-shadow: 0 0 0 2px rgba(191, 219, 254, 0.5);
+        .thumbs-swiper .swiper-slide .border-2 {
         }
         
         /* 导航按钮样式增强 */