From 3f72661411be338a8d086cf400f226003093858b Mon Sep 17 00:00:00 2001
From: jinsir <874871581@qq.com>
Date: Thu, 20 Nov 2025 16:51:37 +0800
Subject: [PATCH 1/2] =?UTF-8?q?list=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/news/list/NewsList.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/news/list/NewsList.tsx b/app/components/news/list/NewsList.tsx
index 955401f..9096912 100644
--- a/app/components/news/list/NewsList.tsx
+++ b/app/components/news/list/NewsList.tsx
@@ -14,8 +14,8 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
         onClick={() => url && window.open(url)} // 点击时打开链接
         className="flex items-center justify-between hover:text-blue-600 cursor-pointer transition duration-300 ease-in-out"
       >
-        <h3 className="text-lg font-semibold text-gray-600 hover:text-blue-400 transition duration-300 ease-in-out">{title}</h3>
-        <p className="text-sm text-gray-500">{time}</p>
+        <h3 className="text-lg font-semibold text-gray-800 hover:text-blue-400 transition duration-300 ease-in-out">{title}</h3>
+        <p className="text-sm text-gray-800">{time}</p>
       </div>
     </div>
   );
@@ -28,7 +28,7 @@ const NewsList: React.FC = () => {
   const educationNews = mockNewsData.filter((news) => news.type === "教育");
 
   return (
-    <div className=" p-18  rounded-2xl w-10/11 mx-auto">
+    <div className=" pt-10 pb-10  rounded-2xl w-5/6 mx-auto">
       {/* 使用 Flexbox 将两个列表放在一行 */}
       <div className="flex gap-8">
         {/* 科技新闻 */}
@@ -38,7 +38,7 @@ const NewsList: React.FC = () => {
             <div className="bg-[#1c6cab] text-white px-6 py-3 font-bold text-4xl">
               科技新闻
             </div>
-            <button className="text-base text-blue-200 hover:text-blue-400 transition duration-200 pl-6 pr-6">
+            <button className="text-base text-blue-300 hover:text-blue-400 transition duration-200 pl-6 pr-6">
               【查看更多】
             </button>
           </div>
@@ -63,7 +63,7 @@ const NewsList: React.FC = () => {
             <div className="bg-[#1c6cab] text-white px-6 py-3 font-bold text-4xl">
               教育新闻
             </div>
-            <button className="text-base text-blue-200 hover:text-blue-400 transition duration-200 pl-6 pr-6">
+            <button className="text-base text-blue-300 hover:text-blue-400 transition duration-200 pl-6 pr-6">
            【查看更多】
             </button>
           </div>

From 1c5428434d80b30798838767eaf673cbba531355 Mon Sep 17 00:00:00 2001
From: Li1304553726 <1304553726@qq.com>
Date: Thu, 20 Nov 2025 17:51:52 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=BD=AE=E6=92=AD?=
 =?UTF-8?q?=E5=9B=BE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../news/body/FireNews/FireNewsList.tsx       |  2 +-
 .../news/body/FireNews/ImportantNews.tsx      | 32 ++++++++++---------
 app/components/news/body/ImageGridSection.tsx |  4 +--
 app/components/news/header/TopNav.tsx         |  2 +-
 4 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/app/components/news/body/FireNews/FireNewsList.tsx b/app/components/news/body/FireNews/FireNewsList.tsx
index dadf8e6..71d5d46 100644
--- a/app/components/news/body/FireNews/FireNewsList.tsx
+++ b/app/components/news/body/FireNews/FireNewsList.tsx
@@ -69,7 +69,7 @@ export function FireNewsList() {
 				</div>
 
 				{/* 文章列表 */}
-				<div className="space-y-1  h-200 overflow-hidden hover:overflow-auto scroll-container">
+				<div className="space-y-5  h-200 overflow-hidden hover:overflow-auto scroll-container">
 					{articles.map((article, index) => (
 						<div key={index} className="flex items-center space-x-3 pb-1">
 							{/* 左侧竖线和日期 */}
diff --git a/app/components/news/body/FireNews/ImportantNews.tsx b/app/components/news/body/FireNews/ImportantNews.tsx
index fec4d77..9734914 100644
--- a/app/components/news/body/FireNews/ImportantNews.tsx
+++ b/app/components/news/body/FireNews/ImportantNews.tsx
@@ -16,8 +16,8 @@ export function ImportantNews() {
         "/images/carousel-9.jpg",
     ];
 
-      // 转换为 slides 格式
-      const slides = carouselImages.map((imageUrl, index) => ({
+    // 转换为 slides 格式
+    const slides = carouselImages.map((imageUrl, index) => ({
         key: `carousel-${index + 1}`,
         content: (
             <div 
@@ -31,19 +31,21 @@ export function ImportantNews() {
     }));
 
     return(
-    <div className="relative w-5/6 h-220 mx-auto overflow-hidden ">
-        {/* 轮播背景图 - 确保有明确尺寸 */}
-        <div className="absolute top-0 left-0 w-full h-full">
-            <CarouselDemo 
-                paginationPosition="left"
-                paginationStyle="dot"
-            />
+        <div className="relative w-5/6 mx-auto overflow-hidden">
+            {/* 轮播背景图 - 使用 aspect-ratio 或固定高度 */}
+            <div className="w-full relative" style={{ aspectRatio: '16/9' }}> {/* 或者设置固定高度 */}
+                <div className="absolute top-0 left-0 w-full h-full">
+                    <CarouselDemo 
+                        paginationPosition="left"
+                        paginationStyle="dot"
+                    />
+                </div>
+                
+                {/* 固定的烽火要闻 */}
+                <div className="absolute top-0 right-0 w-1/3 h-full p-1">
+                    <FireNewsList />
+                </div>
+            </div>
         </div>
-        
-        {/* 固定的烽火要闻 */}
-        <div className="absolute top-0 right-0 w-1/3 h-220 p-1">
-            <FireNewsList />
-        </div>
-    </div>
     )
 }
\ No newline at end of file
diff --git a/app/components/news/body/ImageGridSection.tsx b/app/components/news/body/ImageGridSection.tsx
index 1194639..e7934ad 100644
--- a/app/components/news/body/ImageGridSection.tsx
+++ b/app/components/news/body/ImageGridSection.tsx
@@ -65,11 +65,11 @@ const LearnPage = () => {
                 {/* 顶部Logo区：使用背景图片方式展示logo，宽70高20 */}
                 <div className="w-70 h-20 bg-cover bg-no-repeat mb-5" style={{ backgroundImage: "url('images/learn.png')" }}></div>
                 
-                <div className="flex flex-col lg:flex-row h-[740px]">
+                <div className="flex flex-col lg:flex-row">
                     {/* 左侧图片区：占据屏幕3/5的宽度 */}
                     <div className="lg:w-3/5 overflow-hidden">
                         {/* 使用grid布局来安排图片的位置 */}
-                        <div className="grid grid-cols-3 grid-rows-2 h-full w-full">
+                        <div className="grid grid-cols-3 grid-rows-2 w-full">
                             {/* 上左第一张图 */}
                             <div className="row-span-1 col-span-1 shadow-sm overflow-hidden">
                                 <img src="/images/carousel-1.jpg" alt="Image 1" className="w-full h-full object-cover" />
diff --git a/app/components/news/header/TopNav.tsx b/app/components/news/header/TopNav.tsx
index fd89bbb..5bbb160 100644
--- a/app/components/news/header/TopNav.tsx
+++ b/app/components/news/header/TopNav.tsx
@@ -59,7 +59,7 @@ export function TopNav({
 
   return (
     // 将组件宽度调整为1514px，并保持居中
-    <div className="h-full w-full mx-auto flex items-center px-8 bg-white border-t-16 border-b-16 border-[#1f79bf]">
+    <div className="h-full w-full mx-auto flex items-center px-8 bg-white border-t-16 border-b-16 border-[#176cad]">
       {/* 搜索框与导航菜单组合 */}
       <div className="flex items-center justify-start  gap-35 ml-45 ">
         {/* 导航菜单 */}