|
|
import React, {Component} from 'react';
|
|
|
import axios from 'axios';
|
|
|
import {SnackbarHOC, WordsBtn,getImageUrl} from 'educoder';
|
|
|
import {Row, Col,Input,Divider,Card,Button} from 'antd';
|
|
|
import { TPMIndexHOC } from '../tpm/TPMIndexHOC';
|
|
|
import { CNotificationHOC } from '../courses/common/CNotificationHOC';
|
|
|
import './Osshackathon.css';
|
|
|
const { Search } = Input;
|
|
|
class Osshackathon extends Component {
|
|
|
|
|
|
constructor(props) {
|
|
|
super(props)
|
|
|
this.state = {
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
|
}
|
|
|
|
|
|
componentDidUpdate = (prevProps) => {
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
render() {
|
|
|
// let {} = this.state;
|
|
|
|
|
|
return (
|
|
|
<div className="newMain clearfix newMainybot">
|
|
|
|
|
|
<div className={"educontent mb20 persmstyle"} style={{width: "1200px", marginTop: "26px"}}>
|
|
|
|
|
|
<div className="registrationback"
|
|
|
style={{"background": `url(${getImageUrl(`images/educoder/competitions/tipregistit.jpg`)})`,"height":"360px"}}
|
|
|
></div>
|
|
|
|
|
|
<Row className={"mt20"}>
|
|
|
<Col span={6}>
|
|
|
<Search
|
|
|
placeholder="请输入项目名称进行搜索"
|
|
|
enterButton="搜索"
|
|
|
size="large"
|
|
|
onSearch={value => console.log(value)}
|
|
|
/>
|
|
|
</Col>
|
|
|
<Col span={3} className={"fr textright"}>
|
|
|
<div>
|
|
|
报名整数：<span className={"color-red"}>280</span>个
|
|
|
</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
|
|
|
<Row className={"mt20"}>
|
|
|
<Col span={6} className={"Osshackathonfont"}>
|
|
|
大赛介绍
|
|
|
</Col>
|
|
|
<Col span={3} className={"fr textright"}>
|
|
|
<Button type="primary">编辑</Button>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<style>
|
|
|
{
|
|
|
`
|
|
|
.ant-divider-horizontal{
|
|
|
margin: 19px 0;
|
|
|
}
|
|
|
`
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<Divider />
|
|
|
|
|
|
<p className={"Osshackathonfontlist mb30"}>
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne merninisti licere mihi ista
|
|
|
probare, quae sunt a te dicta? Refert tamen, quo modo.
|
|
|
</p>
|
|
|
|
|
|
<Card className={"OsshackathonCard"}>
|
|
|
|
|
|
<Row>
|
|
|
<Col span={6} className={"OsshackathonCardtitle"}>
|
|
|
大赛介绍
|
|
|
</Col>
|
|
|
<Col span={6} className={"fr textright"}>
|
|
|
<Button type="primary fr ">立即报名</Button>
|
|
|
<Button type="primary fr mr20" disabled>
|
|
|
已报名
|
|
|
</Button>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
|
|
|
<p>Card content</p>
|
|
|
<p>Card content</p>
|
|
|
</Card>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
)
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default CNotificationHOC() (TPMIndexHOC (Osshackathon)) ; |
