定制竞赛start

public/react/src/App.js

@@ -268,6 +268,12 @@ const NewCompetitions=Loadable({
 	loading: Loading,
 })
 
+//黑客松定制竞赛
+const Osshackathon=Loadable({
+	loader: () => import('./modules/osshackathon/Osshackathon'),
+	loading: Loading,
+})
+
 const Messagerouting= Loadable({
 	loader: () => import('./modules/message/js/Messagerouting'),
 	loading: Loading,
@@ -497,6 +503,18 @@ class App extends Component {
 											 }
 										 }></Route>
 
+							{/*黑客松定制竞赛*/}
+							<Route
+							  path={"/osshackathon"}
+								render={
+									(props)=>{
+										return(
+											<Osshackathon {...this.props} {...props} {...this.state} />
+										)
+									}
+								}
+							/>
+
 							{/*认证*/}
 							<Route path="/account" component={AccountPage}/>
 

public/react/src/modules/osshackathon/Osshackathon.css

@@ -0,0 +1,40 @@
+.registrationback{
+    height: 368px;
+    width: 1200px;
+    -ms-flex-direction: column;
+    flex-direction: column;
+}
+.textright{
+    text-align: right;
+}
+
+.Osshackathonfont{
+    width: 80px;
+    height: 28px;
+    font-size: 20px;
+    font-weight:600;
+    color: rgba(5,16,26,1);
+    line-height: 28px;
+}
+
+.Osshackathonfontlist{
+    width:1188px;
+    font-size:14px;
+    font-weight:400;
+    color:rgba(102,102,102,1);
+    line-height:24px;
+}
+.OsshackathonCard{
+    width:1200px;
+    height:150px;
+    background:rgba(248,248,248,1);
+    border:1px solid rgba(235,235,235,1);
+}
+
+.OsshackathonCardtitle{
+    height:24px;
+    font-size:24px;
+    font-weight:400;
+    color:rgba(5,16,26,1);
+    line-height:24px;
+}

public/react/src/modules/osshackathon/Osshackathon.js

@@ -0,0 +1,107 @@
+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)) ;