dev_forum
杨树林 5 years ago
parent d1ee8d653e
commit aab5375f3b

@ -43,17 +43,26 @@ var imgback = {
backgroundImage: `url(${beijintulogontwo})`, backgroundImage: `url(${beijintulogontwo})`,
} }
var imgmian ={ var imgmian ={
"width": "100%", width: "100%",
"background": `url(${beijintulogontwo})`, background: `url(${beijintulogontwo})`,
"height": "100%", position: "relative",
"position": "relative",
} }
var newContainer={ var newContainer={
"min-height": "100%", background: `url(${beijintulogontwo})`,
"background": `url(${beijintulogontwo})`, backgroundPosition: "center" ,
"height": "auto !important", backgroundRepeat: "no-repeat",
"position": "relative", backgroundAttachment: "fixed",
backgroundSize: "100% 100%",
height:" 100%",
width:" 100%",
position: "absolute",
top: "0px",
bottom: "0px",
minHeight: "100%",
overflow:"hidden",
} }
class EducoderLogin extends Component { class EducoderLogin extends Component {
constructor(props) { constructor(props) {
@ -76,6 +85,7 @@ class EducoderLogin extends Component {
} }
}else if(props.match.url === "/register"){ }else if(props.match.url === "/register"){
// showbool: 1,
this.state = { this.state = {
showbool: 1, showbool: 1,
loginstatus:false, loginstatus:false,
@ -131,24 +141,16 @@ class EducoderLogin extends Component {
render() { render() {
let {showbool,loginstatus,logini} = this.state; let {showbool,loginstatus,logini} = this.state;
return ( return (
<div style={newContainer} > <div style={newContainer} className="newMain clearfix" >
<style>
{ <div >
`
html, body, {
height: 100%;
}
`
}
</style>
<div style={imgmian}>
<div style={{ <div style={{
"display": "flex", "display": "flex",
"justify-content": "center", "justify-content": "center",
"align-items": "center", "align-items": "center",
"width": "100%" "width": "100%"
}}> }}>
<div style={{"margin-top": "20px"}}> <div >
<img src={educodernet}/> <img src={educodernet}/>
</div> </div>
@ -157,12 +159,13 @@ class EducoderLogin extends Component {
{ {
showbool === 1 ? showbool === 1 ?
<div style={{ <div style={{
"display": "flex", display: "flex",
"justify-content": "center", justifyContent: "center",
"align-items": "center", width: "100%",
"width": "100%", height: "550px",
marginTop: "54px",
}}> }}>
<div style={{"margin-top": "40px","height":"580px"}}> <div style={{}}>
<LoginRegisterComponent {...this.props} {...this.state} <LoginRegisterComponent {...this.props} {...this.state}
Setshowbool={(e,name,pass)=>this.Setshowbool(e,name,pass)} ></LoginRegisterComponent> Setshowbool={(e,name,pass)=>this.Setshowbool(e,name,pass)} ></LoginRegisterComponent>
@ -172,29 +175,31 @@ class EducoderLogin extends Component {
</div> </div>
:showbool === 2 ? :showbool === 2 ?
<div style={{ <div style={{
"display": "flex", display: "flex",
"justify-content": "center", justifyContent: "center",
"align-items": "center", width: "100%",
"width": "100%", height: "630px",
marginTop: "54px",
}}> }}>
<InterestpageComponent {...this.props} {...this.state}> <InterestpageComponent {...this.props} {...this.state}>
</InterestpageComponent> </InterestpageComponent>
</div> </div>
: :
<div style={{ <div style={{
"display": "flex", display: "flex",
"justify-content": "center", justifyContent: "center",
"align-items": "center", width: "100%",
"width": "100%", height: "550px",
marginTop: "54px",
}}> }}>
<div style={{"margin-top": "40px","height":"580px"}}> <div >
<FindPasswordComponent {...this.props} {...this.state} <FindPasswordComponent {...this.props} {...this.state}
Setshowbool={(e)=>this.Setshowbool(e)}></FindPasswordComponent> Setshowbool={(e)=>this.Setshowbool(e)}></FindPasswordComponent>
</div> </div>
</div> </div>
} }
<div style={{"height":"125px", <div style={{
"display": "flex", "display": "flex",
"justify-content": "center", "justify-content": "center",
"align-items": "center", "align-items": "center",
@ -202,7 +207,6 @@ class EducoderLogin extends Component {
}}> }}>
<div className="font-14 color-grey-9 " style={{marginTop:"15px"}}><span className="font-18">©</span>&nbsp;2019&nbsp;EduCoder<span className="ml15 mr15">ICP17009477</span><a href="https://team.trustie.net" style={{"color":"#888"}} target="_blank">Trustie</a>&nbsp;&nbsp;&nbsp;&amp;&nbsp;&nbsp;&nbsp;IntelliDE inside.</div> <div className="font-14 color-grey-9 " style={{marginTop:"15px"}}><span className="font-18">©</span>&nbsp;2019&nbsp;EduCoder<span className="ml15 mr15">ICP17009477</span><a href="https://team.trustie.net" style={{"color":"#888"}} target="_blank">Trustie</a>&nbsp;&nbsp;&nbsp;&amp;&nbsp;&nbsp;&nbsp;IntelliDE inside.</div>
</div> </div>
<div style={{"height":"100px"}}></div>
</div> </div>
</div> </div>
) )

@ -593,8 +593,8 @@ class LoginRegisterComponent extends Component {
<div> <div>
<Menu mode="horizontal" selectedKeys={tab} onClick={this.changeTab}> <Menu mode="horizontal" selectedKeys={tab} onClick={this.changeTab}>
<Menu.Item key="0" className="font-18" style={{color:"#05101A"}}> 登录</Menu.Item> <Menu.Item key="0" className={tab===0?"active font-18":"font-18"} > 登录</Menu.Item>
<Menu.Item key="1" className="font-18" style={{color:"#05101A"}}>注册</Menu.Item> <Menu.Item key="1" className={tab===1?"active font-18":"font-18"} >注册</Menu.Item>
</Menu> </Menu>
{ {

@ -101,7 +101,6 @@
} }
.ysllogin_register_contents{ .ysllogin_register_contents{
display: flex; display: flex;
margin-top: 30px;
justify-content: center; justify-content: center;
box-shadow:3px 10px 21px 0px rgba(76,76,76,0.15); box-shadow:3px 10px 21px 0px rgba(76,76,76,0.15);
border-radius:6px; border-radius:6px;

Loading…
Cancel
Save