40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { CarouselDemo } from "@/components/Carousel";
|
|
import {FireNewsList} from "./FireNewsList";
|
|
|
|
|
|
export function MicroVision() {
|
|
return(
|
|
<div className=" w-5/6 overflow-hidden flex justify-center h-148 mb-10 mx-auto">
|
|
<div className="w-120 h-full bg-white relative" >
|
|
{/* 标题部分 */}
|
|
<div className="relative pt-6 pl-8">
|
|
<h2 className=" text-4xl font-bold text-[#005d93] mb-2">烽火微视</h2>
|
|
{/* 蓝色装饰线 */}
|
|
<div className="h-3 bg-[#005d93]"></div>
|
|
</div>
|
|
{/* 列表 */}
|
|
<div className="mt-4 pl-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 h-full">
|
|
{/* 轮播背景图 */}
|
|
<div className="w-full absolute" style={{clipPath: 'polygon(150px 0, 100% 0, calc(100% - 0px) 100%, 30px 100%)'}} >
|
|
<CarouselDemo />
|
|
</div>
|
|
<div className='w-full bg-white h-full'></div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |