From 4aa9c6921a7086883c4e50ef5d16e8a8e3e0f5b9 Mon Sep 17 00:00:00 2001
From: hu xiaotong <416314413@163.com>
Date: Wed, 23 Apr 2025 17:23:03 +0800
Subject: [PATCH] init

---
 src/pages/Lineup.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/Lineup.tsx b/src/pages/Lineup.tsx
index 09cca70..ab6787d 100644
--- a/src/pages/Lineup.tsx
+++ b/src/pages/Lineup.tsx
@@ -158,12 +158,15 @@ const Lineup: React.FC = () => {
                                             <h4 className="text-lg font-semibold text-[#E6B17E] mb-4">防守阵容</h4>
                                             <div className="flex flex-wrap gap-4">
                                                 {lineup.defenseHeroInfos.map((hero, index) => (
-                                                    <div key={index} className="flex flex-col items-center">
+                                                    <div key={index} className="flex flex-col items-center group relative">
                                                         <img 
                                                             src={hero.headImgUrl} 
                                                             alt={hero.heroCode}
                                                             className="w-16 h-16 rounded-full border-2 border-[#C17F59]/30 hover:border-[#C17F59] transition-colors duration-300"
                                                         />
+                                                        <div className="absolute bottom-full mb-2 px-2 py-1 bg-[#1A1412] text-[#E6B17E] text-sm rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap border border-[#C17F59]/30">
+                                                            {hero.heroName}
+                                                        </div>
                                                     </div>
                                                 ))}
                                             </div>
@@ -174,12 +177,15 @@ const Lineup: React.FC = () => {
                                             <h4 className="text-lg font-semibold text-[#E6B17E] mb-4">进攻阵容</h4>
                                             <div className="flex flex-wrap gap-4">
                                                 {lineup.attackHeroInfos.map((hero, index) => (
-                                                    <div key={index} className="flex flex-col items-center">
+                                                    <div key={index} className="flex flex-col items-center group relative">
                                                         <img 
                                                             src={hero.headImgUrl} 
                                                             alt={hero.heroCode}
                                                             className="w-16 h-16 rounded-full border-2 border-[#C17F59]/30 hover:border-[#C17F59] transition-colors duration-300"
                                                         />
+                                                        <div className="absolute bottom-full mb-2 px-2 py-1 bg-[#1A1412] text-[#E6B17E] text-sm rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-200 whitespace-nowrap border border-[#C17F59]/30">
+                                                            {hero.heroName}
+                                                        </div>
                                                     </div>
                                                 ))}
                                             </div>