qiuchenfan
/
news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

改

This commit is contained in:
jinsir 2025-11-18 16:02:15 +08:00
parent 114c63d6d7
commit 42a0d3a16c
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/list/NewsList.tsx
View File

@ -26,7 +26,7 @@ const NewsItem: React.FC<NewsProps> = ({ title = '', time = '', url = '' }) => {
const NewsList: React.FC = () => { const NewsList: React.FC = () => {
return ( return (
<div> <div>
<ul className="flex flex-col justify-center items-center h-screen"> <ul className="flex flex-col items-center h-screen">
{mockNewsData.map((news) => ( {mockNewsData.map((news) => (
<NewsItem title={news.title} time={news.time} url={news.url} /> <NewsItem title={news.title} time={news.time} url={news.url} />
))} ))}

14
app/routes/news.tsx
View File

@ -1,7 +1,8 @@
import { CarouselDemo } from "@/components/untils/Carousel"; import { CarouselDemo } from "@/components/untils/Carousel";
import type { Route } from "./+types/news"; 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( ) { export function meta( ) {
return [ return [
{ title: "New React Router App" }, { title: "New React Router App" },
@ -10,5 +11,12 @@ export function meta( ) {
} }
export default function Home() { export default function Home() {
return <CarouselDemo />; return (
<>
<Header />
<TopNav />
<CarouselDemo />
<NewsList />
</>)
;
} }