From 846f92d2fe08ab9b8b14e8b949f00bb4529974d2 Mon Sep 17 00:00:00 2001
From: hongjli <3117313295@qq.com>
Date: 星期六, 05 四月 2025 15:09:17 +0800
Subject: [PATCH] 导航栏优化
---
src/app/layout.tsx | 50 +++++++++++++++++++++++++++++++++++---------------
1 files changed, 35 insertions(+), 15 deletions(-)
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8851288..0456c32 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,6 +2,7 @@
import { Inter } from "next/font/google";
import "./globals.css";
import Navbar from "@/components/layout/Navbar";
+import Image from 'next/image';
const inter = Inter({ subsets: ["latin"] });
@@ -19,38 +20,57 @@
<html lang="zh">
<body className={inter.className}>
<Navbar />
- <main className="min-h-screen bg-gray-50 pt-16">
+ <main className="min-h-screen bg-gradient-to-b from-[var(--ai-surface)] to-white pt-16">
{children}
</main>
- <footer className="bg-[#2F3C7E] text-white py-8">
+ <footer className="bg-gradient-to-br from-[var(--ai-primary)] to-[var(--ai-dark)] text-white py-10">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+ <div className="mb-8 flex justify-center flex-col items-center">
+ <div className="relative w-16 h-16 mb-3">
+ <Image
+ src="/images/logo.jpg"
+ alt="甯峰箘鍚涙垚Logo"
+ width={64}
+ height={64}
+ className="object-contain"
+ priority
+ />
+ </div>
+ <div className="text-xl font-bold">甯峰箘鍚涙垚</div>
+ <div className="text-sm text-gray-300 mt-1">鏅鸿兘鐗╂祦瑙ｅ喅鏂规</div>
+ </div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
- <h3 className="text-lg font-semibold mb-4">鍏充簬鎴戜滑</h3>
+ <h3 className="text-lg font-semibold mb-4 text-[#F5A800]">鍏充簬鎴戜滑</h3>
<ul className="space-y-2">
- <li>鍏徃浠嬬粛</li>
- <li>鑱旂郴鏂瑰紡</li>
- <li>鍔犲叆鎴戜滑</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鍏徃浠嬬粛</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鑱旂郴鏂瑰紡</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鍔犲叆鎴戜滑</li>
</ul>
</div>
<div>
- <h3 className="text-lg font-semibold mb-4">浜у搧鏈嶅姟</h3>
+ <h3 className="text-lg font-semibold mb-4 text-[#F5A800]">浜у搧鏈嶅姟</h3>
<ul className="space-y-2">
- <li>鏁板瓧鍛樺伐</li>
- <li>鏅鸿兘瀹㈡湇</li>
- <li>鐗╂祦瑙ｅ喅鏂规</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鏁板瓧鍛樺伐</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鏅鸿兘瀹㈡湇</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鐗╂祦瑙ｅ喅鏂规</li>
</ul>
</div>
<div>
- <h3 className="text-lg font-semibold mb-4">甯姪涓績</h3>
+ <h3 className="text-lg font-semibold mb-4 text-[#F5A800]">甯姪涓績</h3>
<ul className="space-y-2">
- <li>浣跨敤鎸囧崡</li>
- <li>甯歌闂</li>
- <li>鎶�鏈敮鎸�</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">浣跨敤鎸囧崡</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">甯歌闂</li>
+ <li className="hover:text-[#F5A800] transition-colors cursor-pointer">鎶�鏈敮鎸�</li>
</ul>
</div>
</div>
- <div className="mt-8 pt-8 border-t border-gray-700 text-center">
+ <div className="mt-8 pt-8 border-t border-opacity-20 border-[#F5A800] text-center">
+ <div className="flex items-center justify-center mb-4">
+ <span className="inline-block w-2 h-2 bg-[#00A0E9] rounded-full mr-2 animate-pulse"></span>
+ <span className="inline-block w-2 h-2 bg-[#5D54A4] rounded-full mx-2 animate-pulse delay-300"></span>
+ <span className="inline-block w-2 h-2 bg-[#F5A800] rounded-full ml-2 animate-pulse delay-500"></span>
+ </div>
<p>漏 2024 甯峰箘鍚涙垚. All rights reserved.</p>
</div>
</div>
--
Gitblit v1.9.3