45 lines
1.8 KiB
TypeScript
45 lines
1.8 KiB
TypeScript
|
// apps/web/components/content/jcdt/jcdt/jcdtlist.tsx
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
const JcdtList: React.FC = () => {
|
||
|
|
const publicNews = [
|
||
|
|
{ title: '国务院办公厅印发《关于完善仲', date: '2018.06.21' },
|
||
|
|
{ title: '国务院办公厅关于推进养老服务', date: '2016.11.03' },
|
||
|
|
{ title: '《关于统筹推进自然资源资产产', date: '2018.11.27' },
|
||
|
|
{ title: '中共中央印发《中国共产党党组工作条例》', date: '2018.01.31' },
|
||
|
|
{ title: '国务院关于修改部分行政法规的决定', date: '2018.01.31' },
|
||
|
|
{ title: '国务院关于落实《政府工作报告》', date: '2018.01.31' },
|
||
|
|
{ title: '关于同意建立自然灾', date: '2018.01.31' },
|
||
|
|
{ title: '国务院办公厅印发', date: '2018.01.31' },
|
||
|
|
{ title: '国务院关于落实《政府工作报告》', date: '2018.01.31' },
|
||
|
|
{ title: '关于同意建立自然灾', date: '2018.01.31' },
|
||
|
|
];
|
||
|
|
return (
|
||
|
|
<div className="w-[1514px] h-[464px] mx-auto flex">
|
||
|
|
{/* 这里可以添加内容 */}
|
||
|
|
<div
|
||
|
|
className="w-[640px] h-[464px] mr-5 bg-cover bg-center"
|
||
|
|
style={{ backgroundImage: 'url(/header.png)', backgroundSize: '100% 100%', backgroundRepeat: 'no-repeat' }}
|
||
|
|
></div>
|
||
|
|
<div className="w-[854px] h-[464px] bg-[#0e93df] pt-8">
|
||
|
|
{publicNews.map((item, index) => (
|
||
|
|
<div key={index} className="flex items-center justify-between px-15 space-y-3">
|
||
|
|
{/* 左侧圆点和标题 */}
|
||
|
|
<div className="flex items-center flex-1">
|
||
|
|
<div
|
||
|
|
className="w-3 h-3 bg-white mr-1 flex-shrink-0"
|
||
|
|
style={{ clipPath: 'polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)' }}
|
||
|
|
></div>
|
||
|
|
<p className="text-[20px] text-white flex-1">{item.title}</p>
|
||
|
|
</div>
|
||
|
|
{/* 右侧日期 */}
|
||
|
|
<span className="text-[18px] text-white mr-5">{item.date}</span>
|
||
|
|
</div>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default JcdtList;
|