From 11980a8edd6622603c3852127f8ac0464dcadfec Mon Sep 17 00:00:00 2001
From: Jerry Yan <792602257@qq.com>
Date: Mon, 19 Jan 2026 19:51:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(home):=20=E6=B7=BB=E5=8A=A0=E5=A4=96?=
 =?UTF-8?q?=E9=83=A8=E9=93=BE=E6=8E=A5=E6=94=AF=E6=8C=81=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=BD=91=E6=A0=BC=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 实现外部链接功能，支持在新标签页打开外部URL
- 将网格布局改为弹性布局，提升响应式显示效果
- 为卡片组件添加固定宽度，优化不同屏幕尺寸下的显示
- 重构导航逻辑，区分内部路由和外部链接跳转方式
---
 frontend/src/pages/Home/Home.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Home/Home.tsx b/frontend/src/pages/Home/Home.tsx
index 4f5b120..32119b9 100644
--- a/frontend/src/pages/Home/Home.tsx
+++ b/frontend/src/pages/Home/Home.tsx
@@ -130,12 +130,18 @@ export default function WelcomePage() {
           <h2 className="text-3xl font-bold text-center text-gray-900 mb-12">
             功能模块
           </h2>
-          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
+          <div className="flex flex-wrap justify-center gap-6">
             {menuItems.map((item) => (
               <Card
                 key={item.id}
-                onClick={() => navigate(item.children ? `/data/${item.children[0].id}`: `/data/${item.id}`)}
-                className="cursor-pointer hover:shadow-lg transition-all duration-200 border-0 shadow-md relative overflow-hidden group"
+                onClick={() => {
+                  if (item.externalLink) {
+                    window.open(item.externalLink, "_blank");
+                    return;
+                  }
+                  navigate(item.children ? `/data/${item.children[0].id}`: `/data/${item.id}`);
+                }}
+                className="cursor-pointer hover:shadow-lg transition-all duration-200 border-0 shadow-md relative overflow-hidden group w-full md:w-[calc(50%-12px)] lg:w-[280px]"
               >
                 <div className="text-center relative">
                   <div