This commit is contained in:
parent
114c63d6d7
commit
42a0d3a16c
|
|
@ -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} />
|
||||
))}
|
||||
|
|
|
|||
|
|
@ -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 />
|
||||
</>)
|
||||
;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue