39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
|
|
||
|
|
import { CarouselDemo } from "@/components/Carousel";
|
||
|
|
import {FireNewsList} from "./FireNewsList";
|
||
|
|
|
||
|
|
|
||
|
|
export function FhjtPage() {
|
||
|
|
return(
|
||
|
|
<div className=" w-full overflow-hidden flex justify-center">
|
||
|
|
{/* 轮播背景图 */}
|
||
|
|
<div className="w-200" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
|
||
|
|
<CarouselDemo />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div className="w-100 h-full bg-white relative">
|
||
|
|
{/* 标题部分 */}
|
||
|
|
<div className="relative pt-6 pr-8">
|
||
|
|
<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>
|
||
|
|
)
|
||
|
|
}
|