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

83 lines
3.4 KiB
JavaScript

import { Divider } from "antd";
import React, { useState, useEffect, Fragment } from "react";
// 征集开源项目
function Project() {
const list = [
{
img: require("../image/item9.png"),
title: "面向对象",
desc: "面向社会征集\n开源创新成果和开源贡献",
tags: "提升优质开源成果价值"
}, {
img: require("../image/item9.png"),
title: "成果类型",
desc: "开源原创项目.开源\n课程/数字教材、开源贡献",
tags: "多样化方式参与开源"
}, {
img: require("../image/item9.png"),
title: "依托平台",
desc: "所有项目要求在GitLink\n平台以开源开放的形式发布",
tags: "GitLink平台持续公益开源支持"
}
];
return (
<div className="project_Incentiveprogram">
<div className="main_Incentiveprogram color-091">
<div className="font-36 font-bd center mb50 mt15">征集开源项目</div>
<div className="df gap20">
<div className="white_bk" style={{width: '54%'}}>
<div className="font-30 font-bd center mb50 pt10">征集开源项目</div>
<div className="df jsb pb15">
{list.map((item, index) => {
return <Fragment>
<div className="project_item_inc center" key={index}>
<img src={item.img} alt="" width={36} />
<div className="font-16 font-bd mt12 mb10">{item.title}</div>
<div style={{ whiteSpace: 'pre-line' }}>{item.desc}</div>
<div className="project_tag">{item.tags}</div>
</div>
{index !== list.length - 1 && <Divider type="vertical" />}
</Fragment>
})}
</div>
</div>
<div className="flex1">
<div className="df white_bk mb20 project_item_right project_item_right_1">
<div className="pt30 mrat">
<span className="font-30 font-bd mb50">激励金</span><br />
<span>创新开源项目/开源课程/开源贡献</span>
</div>
<div className="blue_item font-13 pt30">
<span className="color-blue font-16">A等</span><br />
<span>1<br />激励金2万</span>
</div>
<div className="blue_item font-13 pt30">
<span className="color-blue font-16">B等</span><br />
<span>3<br />激励金0.5</span>
</div>
<div className="blue_item pt50">
......
</div>
</div>
<div className="white_bk df project_item_right">
<div className="pt30 mrat">
<span className="font-30 font-bd mb50 task-hide">年度评审与激励</span><br />
<span>创新开源项目/开源课程/开源贡献</span>
</div>
<div className="blue_item blue_item_2 font-13">
<span className="color-blue font-16 mr15">申请渠道</span>GitLink<br />
<span className="color-blue font-16 mr15">评选方式</span>成果开源、持续贡献、年度申报、专家评审<br />
<span className="color-blue font-16 mr15">激励形式</span>荣誉证书 + 现金激励<br />
</div>
</div>
</div>
</div>
</div>
</div>
)
}
export default Project;