|
|
|
@ -0,0 +1,128 @@
|
|
|
|
|
import React, {Component} from "react";
|
|
|
|
|
import {
|
|
|
|
|
Form,
|
|
|
|
|
Select,
|
|
|
|
|
Input,
|
|
|
|
|
Button,
|
|
|
|
|
Checkbox,
|
|
|
|
|
Upload,
|
|
|
|
|
Icon,
|
|
|
|
|
message,
|
|
|
|
|
Modal,
|
|
|
|
|
Table,
|
|
|
|
|
Divider,
|
|
|
|
|
InputNumber,
|
|
|
|
|
Tag,
|
|
|
|
|
DatePicker,
|
|
|
|
|
Radio,
|
|
|
|
|
Tooltip,
|
|
|
|
|
notification
|
|
|
|
|
} from "antd";
|
|
|
|
|
import {Link, Switch, Route, Redirect} from 'react-router-dom';
|
|
|
|
|
import '../courses/css/members.css';
|
|
|
|
|
import "../courses/common/formCommon.css"
|
|
|
|
|
import '../courses/css/Courses.css';
|
|
|
|
|
import beijintulogontwo from '../../../src/images/login/beijintulogontwo.png';
|
|
|
|
|
import educodernet from '../../../src/images/login/educodernet.png';
|
|
|
|
|
import LoginRegisterComponent from '../user/LoginRegisterComponent';
|
|
|
|
|
import InterestpageComponent from '../user/Interestpage'
|
|
|
|
|
import FindPasswordComponent from '../user/FindPasswordComponent';
|
|
|
|
|
import passopen from "../../images/login/passopen.png";
|
|
|
|
|
//educoder登入页面
|
|
|
|
|
var sectionStyle = {
|
|
|
|
|
"height": "100%",
|
|
|
|
|
"width": "100%",
|
|
|
|
|
"min-width": "1000px",
|
|
|
|
|
// makesure here is String确保这里是一个字符串,以下是es6写法
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
var imgback = {
|
|
|
|
|
" background-size":"cover",
|
|
|
|
|
"background-repeat":"no-repeat",
|
|
|
|
|
backgroundImage: `url(${beijintulogontwo})`,
|
|
|
|
|
}
|
|
|
|
|
var imgmian ={
|
|
|
|
|
width: "100%",
|
|
|
|
|
background: `url(${beijintulogontwo})`,
|
|
|
|
|
position: "relative",
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var newContainer={
|
|
|
|
|
background: `url(${beijintulogontwo})`,
|
|
|
|
|
backgroundPosition: "center" ,
|
|
|
|
|
backgroundRepeat: "no-repeat",
|
|
|
|
|
backgroundAttachment: "fixed",
|
|
|
|
|
backgroundSize: "100% 100%",
|
|
|
|
|
height:" 100%",
|
|
|
|
|
width:" 100%",
|
|
|
|
|
position: "absolute",
|
|
|
|
|
top: "0px",
|
|
|
|
|
bottom: "0px",
|
|
|
|
|
minHeight: "100%",
|
|
|
|
|
overflow:"hidden",
|
|
|
|
|
paddingTop: "40px",
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
class EducoderInteresse extends Component {
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
|
return (
|
|
|
|
|
<div style={newContainer} className=" clearfix" >
|
|
|
|
|
|
|
|
|
|
<div >
|
|
|
|
|
<div style={{
|
|
|
|
|
"display": "flex",
|
|
|
|
|
"justify-content": "center",
|
|
|
|
|
"align-items": "center",
|
|
|
|
|
"width": "100%"
|
|
|
|
|
}}>
|
|
|
|
|
<div >
|
|
|
|
|
<img src={educodernet}/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style={{
|
|
|
|
|
display: "flex",
|
|
|
|
|
justifyContent: "center",
|
|
|
|
|
width: "100%",
|
|
|
|
|
height: "630px",
|
|
|
|
|
marginTop: "44px",
|
|
|
|
|
}}>
|
|
|
|
|
<InterestpageComponent {...this.props} {...this.state}>
|
|
|
|
|
</InterestpageComponent>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style={{
|
|
|
|
|
display: "flex",
|
|
|
|
|
justifyContent: "center",
|
|
|
|
|
width: "100%",
|
|
|
|
|
bottom:"0",
|
|
|
|
|
position: "fixed"
|
|
|
|
|
|
|
|
|
|
}}>
|
|
|
|
|
<div className="font-14 color-grey-9 " style={{ bottom:"0",position: "absolute",marginBottom: "20px"}}><span className="font-18">©</span> 2019 EduCoder<span className="ml15 mr15">湘ICP备17009477号</span><a href="https://team.trustie.net" style={{"color":"#888"}} target="_blank">Trustie</a> & IntelliDE inside.</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default EducoderInteresse;
|