From ca42e9e37343786068211146db5ed31de9364192 Mon Sep 17 00:00:00 2001
From: hxt <hxt1377@163.com>
Date: Thu, 29 May 2025 20:54:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(CharacterDetail):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=A5=9E=E5=99=A8=E5=90=8D=E7=A7=B0=E5=92=8C=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 CharacterDetail 组件中添加神器图片和名称的显示逻辑
- 在 API接口中增加 arfName 和 arfPic 字段，用于获取神器信息
- 更新装备套装图片映射，添加护盾套装图片
---
 public/pic/eqset/setprotection.png | Bin 0 -> 2345 bytes
 src/api/index.ts                   |   2 ++
 src/pages/CharacterDetail.tsx      |  15 +++++++++++++--
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 public/pic/eqset/setprotection.png

diff --git a/public/pic/eqset/setprotection.png b/public/pic/eqset/setprotection.png
new file mode 100644
index 0000000000000000000000000000000000000000..89bdc48d0a6da1cf72a8f3448f4d95e16299e086
GIT binary patch
literal 2345
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
BLVo}N

literal 0
HcmV?d00001

diff --git a/src/api/index.ts b/src/api/index.ts
index d84a6e7..a40dd32 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -115,6 +115,8 @@ export interface HeroDetailResp {
         efr: number;
         hds: string;
         ctr: string;
+        arfName: string;
+        arfPic: string;
     }[];
 }
 
diff --git a/src/pages/CharacterDetail.tsx b/src/pages/CharacterDetail.tsx
index ae98c12..822c94a 100644
--- a/src/pages/CharacterDetail.tsx
+++ b/src/pages/CharacterDetail.tsx
@@ -215,6 +215,7 @@ const setIconMap: Record<string, string> = {
     '破灭': '/pic/eqset/setdestruction.png',
     '暴击': '/pic/eqset/setcritical.png',
     '伤口': '/pic/eqset/setinjury.png',
+    '护盾': '/pic/eqset/setprotection.png',
 };
 
 // 神器图片映射
@@ -581,10 +582,20 @@ const CharacterDetail: React.FC = () => {
                                             </div>
                                             {/* 神器图片 */}
                                             <div className="flex-1 flex flex-col items-center justify-center">
-                                                <div className="w-24 h-24 rounded bg-[#2A211E] flex items-center justify-center text-3xl text-[#C17F59] mb-2">?</div>
+                                                {build.arfPic ? (
+                                                    <img 
+                                                        src={build.arfPic} 
+                                                        alt={build.arfName || '神器图片'}
+                                                        className="w-64 h-64 object-contain rounded mb-2"
+                                                    />
+                                                ) : (
+                                                    <div className="w-24 h-24 rounded bg-[#2A211E] flex items-center justify-center text-3xl text-[#C17F59] mb-2">?</div>
+                                                )}
                                             </div>
                                             {/* 神器名称 */}
-                                            <span className="text-[#E6B17E] font-bold text-base text-center mt-2">暂无神器数据</span>
+                                            <span className="text-[#E6B17E] font-bold text-base text-center mt-2">
+                                                {build.arfName || '暂无神器数据'}
+                                            </span>
                                         </div>
                                     </div>
                                 </div>