forgeplus-react/src/activity/incentiveprogram/time.jsx

71 lines
2.1 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { Divider } from "antd";
import React, { useState, useEffect, Fragment } from "react";
// 时间规划
function Time() {
const list = [
{
title: "计划正式启动",
desc: "LAUNCHED",
}, {
title: "开源贡献实践",
desc: "ENGAGEMENT",
}, {
title: "报名截止",
desc: "DEADLINE",
}, {
title: "激励评审",
desc: "EVALUATION",
}, {
title: "激励发放",
desc: "AWARD",
}
];
const list1 = [
{
title: "2025年11月28日",
desc: "报名通道将于近日开放,\n最新动态请持续关注官网通知",
}, {
title: "2025年11月起",
desc: "鼓励长期持续参与开源贡献,\n开源贡献时长为核心评选标准之一",
}, {
title: "2026年5月30日",
desc: "需在截止前在GitLink平台开源\n平台活跃度将作为评选加分项",
}, {
title: "2026年6-7月",
desc: "由CCF开源发展技术委员会激励\n计划评审委员会专业审议确保公平公正",
}, {
title: "2026年8月",
desc: "激励荣誉部分预计在2026\nCCF中国开源大会现场统一颁发",
}
];
return (
<div className="time_Incentiveprogram">
<div className="main_Incentiveprogram color-091 pt60">
<div className="font-36 font-bd center mb50 mt15">时间规划</div>
<div className="df jsb padding30">
{list.map((item, index) => (
<div className="time_item_Inc" key={index}>
<div className="font-18 font-bd">{item.title}</div>
<div className="font-12 mt5 mb20">{item.desc}</div>
<img src={require("../image/item10.png").default} alt="" width={186} />
</div>
))}
</div>
<div className="df jsb padding30 time_2_inc mt10">
{list1.map((item, index) => (
<div className="time_item_Inc" key={index}>
<span className="font-16">{item.title}</span>
<div style={{ whiteSpace: 'pre-line' }} className="mt5">{item.desc}</div>
</div>
))}
</div>
</div>
</div>
)
}
export default Time;