From e72425c1ffac756060192ac5117f59d7b6c8287c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E6=9C=B1?= <10714957+xiao-zhu245@user.noreply.gitee.com> Date: Thu, 10 Jul 2025 12:40:17 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=B3=E4=BA=8E=E9=A1=B9?= =?UTF-8?q?=E7=9B=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/App.tsx | 2 + client/src/components/Layout.tsx | 4 +- client/src/pages/AboutProjectPage.tsx | 318 ++++++++++++++++++++++++++ 3 files changed, 323 insertions(+), 1 deletion(-) create mode 100644 client/src/pages/AboutProjectPage.tsx diff --git a/client/src/App.tsx b/client/src/App.tsx index f970132..f45a805 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -12,6 +12,7 @@ import GameDeploymentPage from './pages/GameDeploymentPage' import ScheduledTasksPage from '@/pages/ScheduledTasksPage' import SettingsPage from '@/pages/SettingsPage' import FileManagerPage from '@/pages/FileManagerPage' +import AboutProjectPage from '@/pages/AboutProjectPage' import LoadingSpinner from '@/components/LoadingSpinner' import NotificationContainer from '@/components/NotificationContainer' @@ -103,6 +104,7 @@ function App() { } /> } /> } /> + } /> } /> diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx index bda0789..1e7e75e 100644 --- a/client/src/components/Layout.tsx +++ b/client/src/components/Layout.tsx @@ -16,7 +16,8 @@ import { FolderOpen, Server, Download, - Clock + Clock, + Info } from 'lucide-react' interface LayoutProps { @@ -37,6 +38,7 @@ const Layout: React.FC = ({ children }) => { { name: '定时任务', href: '/scheduled-tasks', icon: Clock }, { name: '文件管理', href: '/files', icon: FolderOpen }, { name: '设置', href: '/settings', icon: Settings }, + { name: '关于项目', href: '/about', icon: Info }, ] const handleLogout = async () => { diff --git a/client/src/pages/AboutProjectPage.tsx b/client/src/pages/AboutProjectPage.tsx new file mode 100644 index 0000000..ef76949 --- /dev/null +++ b/client/src/pages/AboutProjectPage.tsx @@ -0,0 +1,318 @@ +import React, { useState } from 'react' +import { Github, Info, Heart, Star, GitFork, Eye, ExternalLink } from 'lucide-react' + +const AboutProjectPage: React.FC = () => { + const [activeTab, setActiveTab] = useState('github') + + const tabs = [ + { id: 'github', label: 'Github', icon: Github }, + { id: 'afdian', label: '爱发电', icon: Heart }, + { id: 'info', label: '项目信息', icon: Info } + ] + + return ( +
+ {/* 页面标题 */} +
+

关于项目

+

+ 了解 GSM3 游戏服务器管理器的详细信息 +

+
+ + {/* 标签页导航 */} +
+
+ +
+ + {/* 标签页内容 */} +
+ {activeTab === 'github' && ( +
+
+ +

GitHub 仓库

+
+ + {/* GitHub 仓库卡片 */} +
+
+
+
+ +
+
+

+ yxsj245/GameServerManager +

+

公开仓库

+
+
+ + + 访问仓库 + +
+ +

+ GSM3 游戏服务器管理器 - 一个现代化的游戏服务器管理平台,支持多种游戏服务器的部署、管理和监控。 + 提供直观的 Web 界面,实时终端管理,自动化部署等功能。 +

+ + {/* 仓库统计信息 */} +
+
+
+ TypeScript +
+
+ + Star +
+
+ + Fork +
+
+ + Watch +
+
+ + {/* 技术标签 */} +
+ + React + + + Node.js + + + TypeScript + + + Express + + + 游戏服务器 + +
+ + {/* 最近更新 */} +
+ 最近更新:持续开发中 +
+
+ + {/* 快速链接 */} + +
+ )} + + {activeTab === 'afdian' && ( +
+
+ +

爱发电支持

+
+ + {/* 爱发电嵌入页面 */} +
+