From e8228bf19cac6f6e83f76c153d19c624ee4e3ae7 Mon Sep 17 00:00:00 2001
From: peijunlei <pjl@suq.cn>
Date: Mon, 31 Aug 2026 19:05:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=87=E7=AD=BE=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/themes/website/1/zh/demo/product.html | 32 +++++++++++++++++-----------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/public/themes/website/1/zh/demo/product.html b/public/themes/website/1/zh/demo/product.html
index 6126d6b..bd341d7 100644
--- a/public/themes/website/1/zh/demo/product.html
+++ b/public/themes/website/1/zh/demo/product.html
@@ -210,7 +210,7 @@
                       data-bs-target="#p-spec-panel-{$key}"
                       role="tab"
                       aria-controls="p-spec-panel-{$key}"
-                      aria-selected="true"
+                      aria-selected="{if $key==1}true{else /}false{/if}"
               >
                 <span class="p-spec__tab-media">
                   <img src="{:deal_image_url($vo.url)}" width="80" height="111" alt="" />
@@ -226,22 +226,28 @@
             </div>
           </div>
 
-          <div class="p-spec__body">
-            <!-- TODO...需要实现切换效果 -->
+          <div class="p-spec__body tab-content">
             {volist name="pic_many" id="vo" key="key"}
-            <!-- 判断显示哪个内容 -->
-            {switch $key}
-            {case 1}{$rich_text_three|raw}{/case}
-            {case 2}{$rich_text_four|raw}{/case}
-            {case 3}{$rich_text_five|raw}{/case}
-            {case 4}{$rich_text_six|raw}{/case}
-            {case 5}{$rich_text_seven|raw}{/case}
-            {default /} 暂无匹配内容
-            {/switch}
+            <div
+              class="tab-pane fade {if $key==1}show active{/if}"
+              id="p-spec-panel-{$key}"
+              role="tabpanel"
+              aria-labelledby="p-spec-tab-{$key}"
+              tabindex="0"
+            >
+              {switch $key}
+              {case 1}{$rich_text_three|raw}{/case}
+              {case 2}{$rich_text_four|raw}{/case}
+              {case 3}{$rich_text_five|raw}{/case}
+              {case 4}{$rich_text_six|raw}{/case}
+              {case 5}{$rich_text_seven|raw}{/case}
+              {default /}暂无匹配内容
+              {/switch}
+            </div>
             {/volist}
 
             {if $total_standard_num == 0}
-            <!-- 仅展示第一个富文本 -->
+            <!-- 无型号 tabs 时仅展示第一个富文本 -->
             {$rich_text_three|raw}
             {/if}