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

Compare commits

base: qiuchenfan:44cde52c94d5eb2607bae5c08e6c7726de762b9d
Branches Tags
qiuchenfan:main
..
compare: qiuchenfan:b5e0ebeb3aab946b0b7367023df87d0d7c2e4453
Branches Tags
qiuchenfan:main

No commits in common. "44cde52c94d5eb2607bae5c08e6c7726de762b9d" and "b5e0ebeb3aab946b0b7367023df87d0d7c2e4453" have entirely different histories.
44cde52c94 ... b5e0ebeb3a

3 changed files with 19 additions and 75 deletions
Show Stats Expand all files Collapse all files

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

@ -4,35 +4,16 @@ import {FireNewsList} from "./FireNewsList";
export function FhjtPage() {
return(
<div className=" w-full overflow-hidden flex justify-center">
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square">
{/* 轮播背景图 */}
<div className="w-200" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
<div className="absolute inset-0 z-0">
<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 className="absolute top-0 right-0 w-1/3 h-full p-1">
<FireNewsList />
</div>
</div>
)
}

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

@ -4,35 +4,16 @@ import {FireNewsList} from "./FireNewsList";
export function FhrxPage() {
return(
<div className=" w-full overflow-hidden flex justify-center">
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square">
{/* 轮播背景图 */}
<div className="w-200" style={{clipPath: 'polygon(0 0, calc(100% - 150px)-0.9%, calc(100% - 30px) 100%, 0 100%)',}}>
<div className="absolute inset-0 z-0">
<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 className="absolute top-0 right-0 w-1/3 h-full p-1">
<FireNewsList />
</div>
</div>
)
}

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

@ -4,34 +4,16 @@ import {FireNewsList} from "./FireNewsList";
export function FhwsPage() {
return(
<div className=" w-full overflow-hidden flex justify-center">
<div className="w-100 h-full bg-white relative" >
{/* 标题部分 */}
<div className="relative pt-6 pr-8">
<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>
<div className="mb-5 justify-start flex">
二
</div>
<div className="mb-5 justify-start flex">
三
</div>
</div>
</div>
<div className="relative w-full max-w-4xl mx-auto overflow-hidden aspect-square">
{/* 轮播背景图 */}
<div className="w-200" style={{clipPath: 'polygon(150px 0, 100% 0, calc(100% - 0px) 100%, 30px 100%)'}} >
<div className="absolute inset-0 z-0">
<CarouselDemo />
</div>
{/* 固定的烽火要闻 */}
<div className="absolute top-0 left-0 w-1/3 h-full p-1">
<FireNewsList />
</div>
</div>
)
}