From 42a0d3a16cad2e341a9166c512a17902239e8f21 Mon Sep 17 00:00:00 2001
From: jinsir <874871581@qq.com>
Date: Tue, 18 Nov 2025 16:02:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/list/NewsList.tsx |  2 +-
 app/routes/news.tsx              | 14 +++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/components/list/NewsList.tsx b/app/components/list/NewsList.tsx
index 0f74f38..6e3f68c 100644
--- a/app/components/list/NewsList.tsx
+++ b/app/components/list/NewsList.tsx
@@ -26,7 +26,7 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
 const NewsList: React.FC = () => {
   return (
     <div>
-      <ul className="flex flex-col justify-center items-center h-screen">
+      <ul className="flex flex-col  items-center h-screen">
         {mockNewsData.map((news) => (
           <NewsItem  title={news.title} time={news.time} url={news.url} />
         ))}
diff --git a/app/routes/news.tsx b/app/routes/news.tsx
index 743cbbd..78916a2 100755
--- a/app/routes/news.tsx
+++ b/app/routes/news.tsx
@@ -1,7 +1,8 @@
 import { CarouselDemo } from "@/components/untils/Carousel";
 import type { Route } from "./+types/news";
-
-
+import NewsList  from "@/components/list/NewsList";
+import {Header} from "@/components/header/Header";
+import {TopNav} from "@/components/header/TopNav";
 export function meta( ) {
   return [
     { title: "New React Router App" },
@@ -10,5 +11,12 @@ export function meta( ) {
 }
 
 export default function Home() {
-  return <CarouselDemo />;
+  return (
+  <>
+   <Header />
+    <TopNav />
+    <CarouselDemo />
+   <NewsList />
+   </>)
+  ;
 }