From 916a0d1de17ea9a2feb62cc9c6682e5256016dfb Mon Sep 17 00:00:00 2001 From: hu xiaotong <416314413@163.com> Date: Tue, 6 May 2025 17:12:47 +0800 Subject: [PATCH] =?UTF-8?q?refactor(CharacterDetail):=20=E9=87=8D=E6=9E=84?= =?UTF-8?q?=E8=A7=92=E8=89=B2=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2=E5=B8=83?= =?UTF-8?q?=E5=B1=80=E5=92=8C=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 更新页面布局,将头像和导航栏移到左侧,主要内容移到右侧- 添加页面滚动重置功能,确保每次打开详情页时从顶部开始 - 优化各个部分内容的样式和间距,提升可读性和美观度 - 更新角色列表页面中的角色图片链接 - 在导航栏中添加角色列表页面的链接 --- public/pic/element/dark.png | Bin 0 -> 10000 bytes public/pic/element/earth.png | Bin 0 -> 10000 bytes public/pic/element/fire.png | Bin 0 -> 10000 bytes public/pic/element/light.png | Bin 0 -> 10000 bytes public/pic/element/water.png | Bin 0 -> 10000 bytes public/pic/role/knight.png | Bin 0 -> 2052 bytes public/pic/role/mage.png | Bin 0 -> 3076 bytes public/pic/role/ranger.png | Bin 0 -> 3113 bytes public/pic/role/soulweaver.png | Bin 0 -> 3002 bytes public/pic/role/thief.png | Bin 0 -> 2699 bytes public/pic/role/warrior.png | Bin 0 -> 3331 bytes public/pic/star.png | Bin 0 -> 1290 bytes src/components/Navbar.tsx | 2 +- src/pages/CharacterDetail.tsx | 247 ++++++++++++++++----------------- src/pages/Characters.tsx | 2 +- 15 files changed, 121 insertions(+), 130 deletions(-) create mode 100644 public/pic/element/dark.png create mode 100644 public/pic/element/earth.png create mode 100644 public/pic/element/fire.png create mode 100644 public/pic/element/light.png create mode 100644 public/pic/element/water.png create mode 100644 public/pic/role/knight.png create mode 100644 public/pic/role/mage.png create mode 100644 public/pic/role/ranger.png create mode 100644 public/pic/role/soulweaver.png create mode 100644 public/pic/role/thief.png create mode 100644 public/pic/role/warrior.png create mode 100644 public/pic/star.png diff --git a/public/pic/element/dark.png b/public/pic/element/dark.png new file mode 100644 index 0000000000000000000000000000000000000000..a00755861f04227163bd22e9d746df0a3a341521 GIT binary patch literal 10000 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 TDq|38I%-;eU+;Au2FLh6j+s6Y literal 0 HcmV?d00001 diff --git a/public/pic/element/earth.png b/public/pic/element/earth.png new file mode 100644 index 0000000000000000000000000000000000000000..6cf8759b3446c97d27cf01b7d55d4de8e00d3cee GIT binary patch literal 10000 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 TgoXx(hWKCi@c@tH=j-)9wy^a8 literal 0 HcmV?d00001 diff --git a/public/pic/element/fire.png b/public/pic/element/fire.png new file mode 100644 index 0000000000000000000000000000000000000000..017a8686e0b0377442895704bbadaf7083aafa11 GIT binary patch literal 10000 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 IEI^I_A6aLdXaE2J literal 0 HcmV?d00001 diff --git a/public/pic/element/light.png b/public/pic/element/light.png new file mode 100644 index 0000000000000000000000000000000000000000..76109f3c808aa9b7b2869cac59e1aa96e08065dc GIT binary patch literal 10000 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 literal 0 HcmV?d00001 diff --git a/public/pic/element/water.png b/public/pic/element/water.png new file mode 100644 index 0000000000000000000000000000000000000000..1701e5f5adc8fcd10bb643b13322f97ca1da271c GIT binary patch literal 10000 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 literal 0 HcmV?d00001 diff --git a/public/pic/role/knight.png b/public/pic/role/knight.png new file mode 100644 index 0000000000000000000000000000000000000000..6623b251edc8a9e842cec1d794a261d1bf5fbf43 GIT binary patch literal 2052 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 literal 0 HcmV?d00001 diff --git a/public/pic/role/ranger.png b/public/pic/role/ranger.png new file mode 100644 index 0000000000000000000000000000000000000000..6cf501ea4137b50dd5af9bececb4e2eabdf4f83c GIT binary patch literal 3113 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 AL;wH) literal 0 HcmV?d00001 diff --git a/public/pic/role/soulweaver.png b/public/pic/role/soulweaver.png new file mode 100644 index 0000000000000000000000000000000000000000..2ce649ab8f8277fe23c7d7d288400e439cb9aa9f GIT binary patch literal 3002 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 FV1i?h7|#Fz literal 0 HcmV?d00001 diff --git a/public/pic/role/warrior.png b/public/pic/role/warrior.png new file mode 100644 index 0000000000000000000000000000000000000000..9096013104376dbe33742759ae85f84f0580a087 GIT binary patch literal 3331 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 N002ovPDHLkV1g1DSW*B0 literal 0 HcmV?d00001 diff --git a/public/pic/star.png b/public/pic/star.png new file mode 100644 index 0000000000000000000000000000000000000000..f5cb03d17cf10121a24b80556bf359471d71e78b GIT binary patch literal 1290 zcmeAS@N?(olHy`uVBq!ia0vp^@<1%h!3-o*cen#d2FBtbcPGZ1Cw1z99L@rd$YKTt zZeb8+WSBKaf`NfaJHRKz6{Hj!*fZO#EKvzAb9%Ye|4W{~&wIc{fQ-qNn#n=Z5D|B4 z(PN7(f$UGmU4hEj*qGodFRZqyO;>?)kr^}Vw6CnUMHWG33-Ymf*@;fA)-F#{(op1v zOYw8Fu(LAr^RmcEZ~zr_6>037V|I6&{rA)E|1Nqy-{*8{nbpEJy{vFKeGOiARwhv) zwo7a6{$B8Su+sr(h_C?byCZHuhJ&%d$}au?7d(n$6va zpaOPgrmshw|DASyvD02hnK#H$?C%Me>#IQCoLi~&`>^BRqfUos7z4RL@Oh{0pMwrN zdi5dPKpT&$+xHT$r_go^_dp3mkP{8(x7W0lE|m8S0&8EvdkwbkOu za2LBXUGK*#)93RIfokIHg}*N~`o7HQ&Lo|Q2{L?KEHxpL_owQ8UuOJd2GnguUSi)D z8+>1Ec(hS1(-q_-2xtnEd@x1l`yzw09U3q(1Reaq$_2>VSrX(I%%JPdY2HvId}>*o zSpAj%e`*=Ik~Ysb4x4h(>hteL9#+X4D{XnXWWOgxB5$*NY0H3eP5O>FyXXi^brs=RO;fmwEDy6J9imot8$*-Y5e?* zjeOd(z0M~jb#!#~=G-+tz}0Z%mrdU{ZriZgeC>Lp9d4R?`PeVt6ZBiN z>|7e(4#ph?|CVW|91DBLwj)@Mzk=&`9GCvg?fvWJe{YDc^37*1|HI7GT%rG&pN}&& zHKKyWR?&z{=AvQCkz+^I@A&$7`FSp7Te37gB`uZN&}HJ}+0*@fgBvo6&VQ_1DCw)| z;Bm3Jz5mPy37+bM>PP+O&wTWgd(V_l8>j8jGF`StrY@+K1(>1SLUt~Sl6TOV=$#dJ zy=x`&D``LFEzZf4JJJ@ocI*(%eVc!)zgs@vRrj64b8Ex*7gHaozIZ2ix!caM-eG@H zLcq$D?1p3yOB<%v2kwT;f>vJ9+B$3Q&&(Po-lq9S+c_MFzQ>yXPi}nu^L%`F_pbX9LVx6S*8ho(O}<<8`k2~=t$R0j+a7#>{^R`A%*PGg vr#{K=H~P`wa*Cm6>Ys|z7u77!LjJRBpPRdrT|L(Ulp;M{{an^LB{Ts5$EWml literal 0 HcmV?d00001 diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 532bcfd..9a9532d 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -13,7 +13,7 @@ interface NavItem { const navItems: NavItem[] = [ { path: "/", label: "对战阵容" }, // { path: "/home", label: "主页" }, - // { path: "/characters", label: "角色列表" }, + { path: "/characters", label: "角色列表" }, // { path: "/builds", label: "配装攻略" }, // { path: "/battles", label: "对战信息" }, // { path: "/news", label: "资讯中心" }, diff --git a/src/pages/CharacterDetail.tsx b/src/pages/CharacterDetail.tsx index 098afe2..b8853cc 100644 --- a/src/pages/CharacterDetail.tsx +++ b/src/pages/CharacterDetail.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; export interface Skill { name: string; @@ -42,6 +42,10 @@ interface CharacterDetailProps { } const CharacterDetail: React.FC = ({ character }) => { + useEffect(() => { + window.scrollTo({ top: 0, behavior: 'auto' }); + }, []); + const renderStars = (count: number) => { return Array(count) .fill(0) @@ -74,141 +78,128 @@ const CharacterDetail: React.FC = ({ character }) => { return (
-
- {/* 角色基本信息 */} -
-
-
- {character.name} +
+ {/* 左侧:头像+导航 */} + + + {/* 右侧:详细内容 */} +
+ {/* 基础属性 */} +
+

Base Stats

+
+
+ + Attack: {character.baseStats.attack} +
+
+ + Health: {character.baseStats.health} +
+
+ + Defense: {character.baseStats.defense} +
+
+ + Speed: {character.baseStats.speed}
-
-
+ - {/* 基础属性 */} -
-

Base Stats

-
-
- - Attack: {character.baseStats.attack} -
-
- - Health: {character.baseStats.health} -
-
- - Defense: {character.baseStats.defense} -
-
- - Speed: {character.baseStats.speed} -
-
-
- - {/* 技能列表 */} -
- {character.skills.map((skill, index) => ( -
-
-

- {skill.name} -

-
- {renderSkillType(skill.type)} - {renderSoulBurn(skill.soulBurn)} -
-
-

{skill.description}

- - {skill.enhancements && skill.enhancements.length > 0 && ( -
-

- Skill Enhancements -

-
- {skill.enhancements.map((enhancement, idx) => ( -
-
- {renderStars(enhancement.stars)} -
-
- {enhancement.attack && ( - - Attack {enhancement.attack} - - )} - {enhancement.health && ( - - Health {enhancement.health} - - )} - {enhancement.defense && ( - - Defense {enhancement.defense} - - )} - {enhancement.effectiveness && ( - - Effectiveness {enhancement.effectiveness} - - )} -
-
- ))} + {/* 技能列表 */} +
+ {character.skills.map((skill, index) => ( +
+
+

{skill.name}

+
+ {renderSkillType(skill.type)} + {renderSoulBurn(skill.soulBurn)}
- )} -
- ))} -
- - {/* 印记集中 */} -
-

- Imprint Concentration -

- {character.imprintConcentration.map((imprint, index) => ( -
-

- {imprint.type} -

-
- {imprint.values.map((value, idx) => ( -
- {value.rank} - {value.value} +

{skill.description}

+ {skill.enhancements && skill.enhancements.length > 0 && ( +
+

Skill Enhancements

+
+ {skill.enhancements.map((enhancement, idx) => ( +
+
{renderStars(enhancement.stars)}
+
+ {enhancement.attack && ( + Attack {enhancement.attack} + )} + {enhancement.health && ( + Health {enhancement.health} + )} + {enhancement.defense && ( + Defense {enhancement.defense} + )} + {enhancement.effectiveness && ( + Effectiveness {enhancement.effectiveness} + )} +
+
+ ))} +
- ))} + )}
-
- ))} -
+ ))} + + + {/* 印记集中 */} +
+

Imprint Concentration

+ {character.imprintConcentration.map((imprint, index) => ( +
+

{imprint.type}

+
+ {imprint.values.map((value, idx) => ( +
+ {value.rank} + {value.value} +
+ ))} +
+
+ ))} +
+
); diff --git a/src/pages/Characters.tsx b/src/pages/Characters.tsx index 855d40a..b7f1dba 100644 --- a/src/pages/Characters.tsx +++ b/src/pages/Characters.tsx @@ -51,7 +51,7 @@ const Characters: React.FC = () => { element: "fire", class: "Fire Warrior", imageUrl: - "https://readdy.ai/api/search-image?query=anime%20style%20game%20character%20portrait%20of%20a%20female%20warrior%20with%20pink%20hair%20and%20red%20eyes%2C%20fantasy%20RPG%20character%20icon%2C%20detailed%20face%2C%20high%20quality%2C%20digital%20art&width=100&height=100&seq=1&orientation=squarish", + "https://epic7db.com/images/heroes/abigail.webp", }, { id: 2,