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

1

This commit is contained in:
Li1304553726 2025-11-19 22:26:14 +08:00
parent 3fd05e9beb
commit 33d1bd55d4
3 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/components/news/body/ImageGridSection.tsx
View File

@ -15,7 +15,8 @@ const LearnPage = () => {
]; ];
return ( return (
<div className="w-5/6 mx-auto "> <div>
<div className="w-5/6 mx-auto ">
{/* 顶部 Logo */} {/* 顶部 Logo */}
<div className="flex justify-start mb-4"> <div className="flex justify-start mb-4">
<h1 className="text-3xl font-bold text-red-600">学习进行时</h1> <h1 className="text-3xl font-bold text-red-600">学习进行时</h1>
@ -69,7 +70,7 @@ const LearnPage = () => {
</ul> </ul>
</div> </div>
</div> </div>
<div className="w-[1590px] h-[285px] flex relative mb-10"> <div className="w-[1590px] h-[285px] flex relative mb-10">
<div className="w-[750px] h-[188px] left-0 mt-25 absolute" style={{ backgroundColor: '#DEDEDC' }}> <div className="w-[750px] h-[188px] left-0 mt-25 absolute" style={{ backgroundColor: '#DEDEDC' }}>
<div <div
className="w-[169px] h-[240px] absolute left-0 bottom-0 bg-cover bg-center" className="w-[169px] h-[240px] absolute left-0 bottom-0 bg-cover bg-center"
@ -96,6 +97,13 @@ const LearnPage = () => {
</div> </div>
</div> </div>
</div> </div>
<div className='flex'>
<div className='w-5/6 bg-[#0082e9] h-20'
style={{clipPath: 'polygon(0 0, calc(100% - 150px) 0%, calc(100% - 20px) 100%, 0% 100%)'}}
></div>
<div className='items-center justify-center flex font-bold text-sky-900 text-5xl'>烽火动态</div>
</div>
</div>
); );
}; };

11
app/components/news/footer/footer.tsx Normal file
View File

@ -0,0 +1,11 @@
export function Footer() {
return (
<div className='w-full h-190 bg-[#0082e9] flex items-center justify-center'
style={{backgroundImage: "url('/public/images/carousel-4.jpg')"}}
>
<div className='text-white text-2xl'>
春风拂面花开满园心情愉悦
</div>
</div>
)
}

2
app/routes/news.tsx
View File

@ -12,6 +12,7 @@ import { LectureHall } from "@/components/news/body/FireNews/LectureHall";
import { MicroVision } from "@/components/news/body/FireNews/MicroVision"; import { MicroVision } from "@/components/news/body/FireNews/MicroVision";
import { Hotline } from "@/components/news/body/FireNews/Hotline"; import { Hotline } from "@/components/news/body/FireNews/Hotline";
import { AutoCarouselDemo } from "@/components/AutoCarousel"; import { AutoCarouselDemo } from "@/components/AutoCarousel";
import { Footer } from "@/components/news/footer/footer";
export function meta( ) { export function meta( ) {
return [ return [
@ -40,6 +41,7 @@ export default function Home() {
<CultureBgPage /> <CultureBgPage />
<Integrated /> <Integrated />
</div> </div>
<Footer />
</div> </div>
); );
} }