From 74699a172bdf509085abfe00ee81103b8d5812e9 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 24 Aug 2025 18:30:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=8C=BA=E5=9D=97=E5=8A=A0=E5=AE=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[...slug]/page.jsx                      | 2 +-
 app/products/[...slug]/page.jsx             | 6 +++---
 components/products/ProductImageGallery.jsx | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/[...slug]/page.jsx b/app/[...slug]/page.jsx
index bd1887e..751c43a 100644
--- a/app/[...slug]/page.jsx
+++ b/app/[...slug]/page.jsx
@@ -140,7 +140,7 @@ export default async function DynamicPage({ params, searchParams }) {
                   {(data.image || data.subtitle) && (
                     <div className="flex flex-col md:flex-row gap-4 md:gap-8 mb-6 md:mb-8 items-center md:items-start w-full max-w-full">
                       {data.image && (
-                        <div className="flex-shrink-0 w-full md:w-72 flex justify-center md:justify-start mb-4 md:mb-0 max-w-full">
+                        <div className="flex-shrink-0 w-full md:w-100 flex justify-center md:justify-start mb-4 md:mb-0 max-w-full">
                           <img
                             src={data.image}
                             alt={data.title}
diff --git a/app/products/[...slug]/page.jsx b/app/products/[...slug]/page.jsx
index 232bf2e..0ad6e9f 100644
--- a/app/products/[...slug]/page.jsx
+++ b/app/products/[...slug]/page.jsx
@@ -123,20 +123,20 @@ export default async function Page({ params, searchParams }) {
                 <div className="bg-white rounded-lg shadow-md p-6 md:p-10">
                   {/* 图片和附加信息并排显示，响应式优化 */}
                   {(data.image || data.subtitle) && (
-                    <div className="flex flex-col md:flex-row gap-4 md:gap-8 mb-6 md:mb-8 items-center md:items-start w-full max-w-full">
+                    <div className="flex flex-col md:flex-row gap-4 md:gap-10 mb-6 md:mb-8 items-center md:items-start w-full max-w-full">
                       {/* 图片轮播区块 */}
                       <ProductImageGallery data={data} />
                       
                       <div className="flex-1 min-w-0">
                         {/* 产品标题 */}
                         {data.title && (
-                          <h1 className="text-2xl md:text-3xl font-bold text-gray-900 mb-4 md:mb-6 leading-tight">
+                          <h1 className="text-2xl md:text-3xl font-bold text-gray-900 mb-10 md:mb-10 leading-tight">
                             {data.title}
                           </h1>
                         )}
                         {/* 产品副标题 */}
                         {data.subtitle && (
-                          <div className="bg-gray-50 whitespace-pre-line text-gray-700 w-full max-w-full prose prose-sm p-4 rounded-lg">
+                          <div className="bg-gray-50 whitespace-pre-line text-gray-700 w-full max-w-full prose prose-sm">
                             {data.subtitle}
                           </div>
                         )}
diff --git a/components/products/ProductImageGallery.jsx b/components/products/ProductImageGallery.jsx
index 9650497..7464d8d 100644
--- a/components/products/ProductImageGallery.jsx
+++ b/components/products/ProductImageGallery.jsx
@@ -44,14 +44,14 @@ const ProductImageGallery = ({ data }) => {
   };
 
   return (
-    <div className="flex-shrink-0 w-full md:w-72 flex justify-center md:justify-start mb-4 md:mb-0 max-w-full">
+    <div className="flex-shrink-0 w-full md:w-120 flex justify-center md:justify-start mb-4 md:mb-0 max-w-full">
       <div className="relative w-full max-w-[320px] md:max-w-full">
         {/* 主图显示区域 */}
         <div className="relative overflow-hidden rounded-xl shadow-lg mb-4">
           <img
             src={currentImage}
             alt={data?.title || 'Product Image'}
-            className="w-full max-w-[320px] md:max-w-full max-h-60 md:max-h-72 object-contain"
+            className="w-full max-w-[320px] md:max-w-full object-contain"
           />
           {/* 导航箭头 */}
           {data.attachments.length > 1 && (
@@ -79,11 +79,11 @@ const ProductImageGallery = ({ data }) => {
         </div>
         
         {/* 缩略图列表 - 直接显示attachments */}
-        <div className="flex flex-wrap gap-2 justify-center md:justify-start">
+        <div className="flex flex-wrap gap-1 justify-center md:justify-start">
           {data.attachments.map((attachment, index) => (
             <div 
               key={index}
-              className={`w-16 h-16 border-2 rounded-lg overflow-hidden cursor-pointer transition-all hover:border-blue-500 ${
+              className={`w-16 h-16 border-1 rounded-lg overflow-hidden cursor-pointer transition-all hover:border-blue-500 ${
                 index === currentImageIndex ? 'border-blue-500' : 'border-gray-200'
               }`}
               onClick={() => changeMainImageByIndex(index)}