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

1

This commit is contained in:
Li1304553726 2025-11-18 21:20:42 +08:00
parent c7805d8686
commit 2bf9b6cae6
3 changed files with 75 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/components/FireNews/fhjt.tsx
View File

@ -4,16 +4,35 @@ import {FireNewsList} from "./FireNewsList";
export function FhjtPage() { export function FhjtPage() {
return( return(
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square"> <div className=" w-full overflow-hidden flex justify-center">
{/* 轮播背景图 */} {/* 轮播背景图 */}
<div className="absolute inset-0 z-0"> <div className="w-200" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
<CarouselDemo /> <CarouselDemo />
</div> </div>
{/* 固定的烽火要闻 */} <div className="w-100 h-full bg-white relative">
<div className="absolute top-0 right-0 w-1/3 h-full p-1"> {/* 标题部分 */}
<FireNewsList /> <div className="relative pt-6 pr-8">
</div> <h2 className="text-right text-4xl font-bold text-[#005d93] mb-2">烽火讲堂</h2>
{/* 蓝色装饰线 */}
<div className="h-3 bg-[#005d93]"></div>
</div>
{/* 列表 */}
<div className="mt-4 pr-8">
<div className="mb-5 justify-end flex">
一等奖
</div>
<div className="mb-5 justify-end flex">
二等奖
</div>
<div className="mb-5 justify-end flex">
三等奖
</div>
</div>
</div>
</div> </div>
) )
} }

31
app/components/FireNews/fhrx.tsx
View File

@ -4,16 +4,35 @@ import {FireNewsList} from "./FireNewsList";
export function FhrxPage() { export function FhrxPage() {
return( return(
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square"> <div className=" w-full overflow-hidden flex justify-center">
{/* 轮播背景图 */} {/* 轮播背景图 */}
<div className="absolute inset-0 z-0"> <div className="w-200" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
<CarouselDemo /> <CarouselDemo />
</div> </div>
{/* 固定的烽火要闻 */} <div className="w-100 h-full bg-white relative">
<div className="absolute top-0 right-0 w-1/3 h-full p-1"> {/* 标题部分 */}
<FireNewsList /> <div className="relative pt-6 pr-8">
</div> <h2 className="text-right text-4xl font-bold text-[#005d93] mb-2">烽火热线</h2>
{/* 蓝色装饰线 */}
<div className="h-3 bg-[#005d93]"></div>
</div>
{/* 列表 */}
<div className="mt-4 pr-8">
<div className="mb-5 justify-end flex">
信箱
</div>
<div className="mb-5 justify-end flex">
问答
</div>
<div className="mb-5 justify-end flex">
心灵
</div>
</div>
</div>
</div> </div>
) )
} }

34
app/components/FireNews/fhws.tsx
View File

@ -4,15 +4,33 @@ import {FireNewsList} from "./FireNewsList";
export function FhwsPage() { export function FhwsPage() {
return( return(
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square"> <div className=" w-full overflow-hidden flex justify-center">
{/* 轮播背景图 */} <div className="w-100 h-full bg-white relative" >
<div className="absolute inset-0 z-0"> {/* 标题部分 */}
<CarouselDemo /> <div className="relative pt-6 pr-8">
</div> <h2 className=" text-4xl font-bold text-[#005d93] mb-2">烽火微视</h2>
{/* 蓝色装饰线 */}
<div className="h-3 bg-[#005d93]"></div>
</div>
{/* 列表 */}
<div className="mt-4 pr-8 ">
{/* 固定的烽火要闻 */} <div className="mb-5 justify-start flex">
<div className="absolute top-0 left-0 w-1/3 h-full p-1"> 一
<FireNewsList /> </div>
<div className="mb-5 justify-start flex">
二
</div>
<div className="mb-5 justify-start flex">
三
</div>
</div>
</div>
{/* 轮播背景图 */}
<div className="w-200" style={{clipPath: 'polygon(150px 0, 100% 0, calc(100% - 0px) 100%, 30px 100%)'}} >
<CarouselDemo />
</div> </div>
</div> </div>
) )