From cc81bc85258e052b8c9d07dc17d2cd3fde55d65c Mon Sep 17 00:00:00 2001
From: jsasg <735273025@qq.com>
Date: Mon, 19 May 2025 14:49:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BA=A7=E5=93=81=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E7=9B=B8=E5=85=B3=E4=BA=A7=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/product/detail.html | 70 ++++++++----------------------
 1 file changed, 17 insertions(+), 53 deletions(-)

diff --git a/app/index/view/product/detail.html b/app/index/view/product/detail.html
index 1825295a..5c8c5e78 100644
--- a/app/index/view/product/detail.html
+++ b/app/index/view/product/detail.html
@@ -125,64 +125,28 @@
                 {$product.detail|default=''|raw}
             </div>
         </div>
-        <!-- 相关产品 -->
+        <!-- 关联产品 -->
         {notempty name="product_related"}
-        <div id="related">
-            <p>{:lang('product_detail.related_products')}</p>
-            <div>
-                <ul>
-                    {volist name="product_related" id="related"}
-                    <li>
-                        <a href="{:url('product/detail', ['id' => $related.id])}">
-                            <img src="{$related.cover_image}" alt="{$related.name}" />
-                            <p>{$related.name}</p>
-                            <p>{$related.spu}</p>
-                        </a>
-                    </li>
+        <div class="glcpmain" id="related">
+            <div class="glcptitle">{:lang('product_detail.related_products')}</div>
+            <div class="swiper-container glcpswiper">
+                <div class="swiper-wrapper">
+                    {volist name="product_related" id="rel"}
+                    <a class="swiper-slide glcpit" href="{:url('product/detail', ['id'=>$rel.id])}">
+                        <img src="{:thumb($rel.cover_image)}" class="glimg" />
+                        <div class="glinfo">
+                            <div class="t1">{$rel.name}</div>
+                            <div class="t2">{$rel.spu}</div>
+                        </div>
+                    </a>
                     {/volist}
-                </ul>
+                </div>
+                <!-- 如果需要导航按钮 -->
+                <div class="swiper-button-prev"></div>
+                <div class="swiper-button-next"></div>
             </div>
         </div>
         {/notempty}
-        <!-- 关联产品 -->
-				<div class="glcpmain" id="related">
-					<div class="glcptitle">关联产品</div>
-					<div class="swiper-container glcpswiper">
-						<div class="swiper-wrapper">
-							<div class="swiper-slide glcpit">
-								<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
-								<div class="glinfo">
-									<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
-									<div class="t2"> ORICO-2539U3</div>
-								</div>
-							</div>
-							<div class="swiper-slide glcpit">
-								<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
-								<div class="glinfo">
-									<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
-									<div class="t2"> ORICO-2539U3</div>
-								</div>
-							</div>
-							<div class="swiper-slide glcpit">
-								<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
-								<div class="glinfo">
-									<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
-									<div class="t2"> ORICO-2539U3</div>
-								</div>
-							</div>
-							<div class="swiper-slide glcpit">
-								<img src="https://www.orico.com.cn/uploads/product/2539U3/2539U3-L1.jpg" class="glimg" />
-								<div class="glinfo">
-									<div class="t1">2.5英寸USB3.0三防硬盘盒</div>
-									<div class="t2"> ORICO-2539U3</div>
-								</div>
-							</div>
-						</div>
-						<!-- 如果需要导航按钮 -->
-						<div class="swiper-button-prev"></div>
-						<div class="swiper-button-next"></div>
-					</div>
-				</div>
         <!-- 弹框-->
         <div id="form_modal" class="XJmodal">
             <div class="XJmodal-content">