kever/epic-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(Lineup): 优化代码格式和布局

Browse Source 
- 调整了代码的缩进和空格，提高了可读性
-修复了一些小的语法问题，如缺少逗号等
- 优化了部分长行的换行方式，提高了代码的整洁度
This commit is contained in:
hxt
2025-04-26 17:48:22 +08:00
parent 629cbd79fc
commit 87a8462d63
3 changed files with 235 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/components/Footer.tsx
View File

@@ -4,154 +4,154 @@ const Footer: React.FC = () => {
return (
<footer className="bg-[#1A1412] pt-12 pb-8">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 className="text-xl font-bold text-[#E6B17E] mb-4">战神纪元</h3>
<p className="text-[#9B8579] mb-4">
最专业的游戏资讯和攻略平台，为玩家提供最新、最全面的游戏信息。
</p>
<div className="flex space-x-4">
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
<i className="fab fa-weixin text-xl"></i>
</a>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
<i className="fab fa-qq text-xl"></i>
</a>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
<i className="fab fa-weibo text-xl"></i>
</a>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
<i className="fab fa-bilibili text-xl"></i>
</a>
</div>
</div>
<div>
<h3 className="text-lg font-semibold text-[#E6B17E] mb-4">
快速链接
</h3>
<ul className="space-y-2">
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
游戏下载
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
新手教程
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
更新日志
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
活动中心
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
商城
</a>
</li>
</ul>
</div>
<div>
<h3 className="text-lg font-semibold text-[#E6B17E] mb-4">支持</h3>
<ul className="space-y-2">
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
常见问题
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
联系我们
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
用户协议
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
隐私政策
</a>
</li>
<li>
<a
href="#"
className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"
>
关于我们
</a>
</li>
</ul>
</div>
<div>
<h3 className="text-lg font-semibold text-[#E6B17E] mb-4">
联系我们
</h3>
<ul className="space-y-2">
<li className="text-[#9B8579] flex items-center">
<i className="fas fa-envelope mr-2 text-[#C17F59]"></i>
support@epicgame.com
</li>
<li className="text-[#9B8579] flex items-center">
<i className="fas fa-phone mr-2 text-[#C17F59]"></i>
400-123-4567
</li>
<li className="text-[#9B8579] flex items-center">
<i className="fas fa-map-marker-alt mr-2 text-[#C17F59]"></i>
上海市浦东新区张江高科技园区
</li>
</ul>
</div>
</div>
{/*<div className="grid grid-cols-1 md:grid-cols-4 gap-8">*/}
{/* <div>*/}
{/* <h3 className="text-xl font-bold text-[#E6B17E] mb-4">战神纪元</h3>*/}
{/* <p className="text-[#9B8579] mb-4">*/}
{/* 最专业的游戏资讯和攻略平台，为玩家提供最新、最全面的游戏信息。*/}
{/* </p>*/}
{/* <div className="flex space-x-4">*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* <i className="fab fa-weixin text-xl"></i>*/}
{/* </a>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* <i className="fab fa-qq text-xl"></i>*/}
{/* </a>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* <i className="fab fa-weibo text-xl"></i>*/}
{/* </a>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* <i className="fab fa-bilibili text-xl"></i>*/}
{/* </a>*/}
{/* </div>*/}
{/* </div>*/}
{/* <div>*/}
{/* <h3 className="text-lg font-semibold text-[#E6B17E] mb-4">*/}
{/* 快速链接*/}
{/* </h3>*/}
{/* <ul className="space-y-2">*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 游戏下载*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 新手教程*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 更新日志*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 活动中心*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 商城*/}
{/* </a>*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/* <div>*/}
{/* <h3 className="text-lg font-semibold text-[#E6B17E] mb-4">支持</h3>*/}
{/* <ul className="space-y-2">*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 常见问题*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 联系我们*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 用户协议*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 隐私政策*/}
{/* </a>*/}
{/* </li>*/}
{/* <li>*/}
{/* <a*/}
{/* href="#"*/}
{/* className="text-[#C17F59] hover:text-[#E6B17E] cursor-pointer transition-colors duration-200"*/}
{/* >*/}
{/* 关于我们*/}
{/* </a>*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/* <div>*/}
{/* <h3 className="text-lg font-semibold text-[#E6B17E] mb-4">*/}
{/* 联系我们*/}
{/* </h3>*/}
{/* <ul className="space-y-2">*/}
{/* <li className="text-[#9B8579] flex items-center">*/}
{/* <i className="fas fa-envelope mr-2 text-[#C17F59]"></i>*/}
{/* support@epicgame.com*/}
{/* </li>*/}
{/* <li className="text-[#9B8579] flex items-center">*/}
{/* <i className="fas fa-phone mr-2 text-[#C17F59]"></i>*/}
{/* 400-123-4567*/}
{/* </li>*/}
{/* <li className="text-[#9B8579] flex items-center">*/}
{/* <i className="fas fa-map-marker-alt mr-2 text-[#C17F59]"></i>*/}
{/* 上海市浦东新区张江高科技园区*/}
{/* </li>*/}
{/* </ul>*/}
{/* </div>*/}
{/*</div>*/}
<div className="mt-8 pt-8 border-t border-[#C17F59]/30 text-center">
<p className="text-[#9B8579] text-sm">
© 2024 战神纪元. All rights reserved.
© 2025 露娜助手. All rights reserved.
</p>
</div>
</div>

24
src/components/Navbar.tsx
View File

@@ -12,12 +12,12 @@ interface NavItem {
const navItems: NavItem[] = [
{ path: "/", label: "对战阵容" },
{ path: "/home", label: "主页" },
{ path: "/characters", label: "角色列表" },
{ path: "/builds", label: "配装攻略" },
{ path: "/battles", label: "对战信息" },
{ path: "/news", label: "资讯中心" },
{ path: "/community", label: "社区" }
// { path: "/home", label: "主页" },
// { path: "/characters", label: "角色列表" },
// { path: "/builds", label: "配装攻略" },
// { path: "/battles", label: "对战信息" },
// { path: "/news", label: "资讯中心" },
// { path: "/community", label: "社区" }
];
const Navbar: React.FC<NavbarProps> = ({ onLoginClick }) => {
@@ -53,12 +53,12 @@ const Navbar: React.FC<NavbarProps> = ({ onLoginClick }) => {
</div>
</div>
<div className="hidden md:block">
<button
onClick={onLoginClick}
className="px-5 py-2 rounded-md text-sm font-medium text-[#1A1412] bg-[#E6B17E] hover:bg-[#C17F59] hover:shadow-md !rounded-button whitespace-nowrap cursor-pointer transition-all duration-200 transform hover:scale-105"
>
登录
</button>
{/*<button*/}
{/* onClick={onLoginClick}*/}
{/* className="px-5 py-2 rounded-md text-sm font-medium text-[#1A1412] bg-[#E6B17E] hover:bg-[#C17F59] hover:shadow-md !rounded-button whitespace-nowrap cursor-pointer transition-all duration-200 transform hover:scale-105"*/}
{/*>*/}
{/* 登录*/}
{/*</button>*/}
</div>
<div className="-mr-2 flex md:hidden">
<button