|
|
@ -585,14 +585,23 @@ class LoginRegisterComponent extends Component {
|
|
|
|
-webkit-transition: all .3s;
|
|
|
|
-webkit-transition: all .3s;
|
|
|
|
-o-transition: all .3s;
|
|
|
|
-o-transition: all .3s;
|
|
|
|
transition: all .3s;
|
|
|
|
transition: all .3s;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.loginInputzhuche{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
background-color: #fff!important;
|
|
|
|
|
|
|
|
height: 45px !important;
|
|
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
`
|
|
|
|
`
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<Input placeholder="请输入登录手机号码或邮箱" value={this.state.login}
|
|
|
|
<Input placeholder="请输入登录手机号码或邮箱" value={this.state.login}
|
|
|
|
onChange={this.loginInputonChange}
|
|
|
|
onChange={this.loginInputonChange}
|
|
|
|
name="username"
|
|
|
|
name="username"
|
|
|
|
className="font-14 color-grey-9 loginInput"
|
|
|
|
className="font-14 color-grey-9 loginInputzhuche"
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 1)}
|
|
|
|
onBlur={(e) => this.inputOnBlur(e, 1)}
|
|
|
|
style={{marginTop: '30px', height: '38px'}}></Input>
|
|
|
|
style={{marginTop: '30px', height: '38px'}}></Input>
|
|
|
|
|
|
|
|
|
|
|
@ -606,7 +615,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
<Input type="password" name="password" id="password" value={this.state.password}
|
|
|
|
<Input type="password" name="password" id="password" value={this.state.password}
|
|
|
|
onChange={this.passwordonChange}
|
|
|
|
onChange={this.passwordonChange}
|
|
|
|
className="font-14 color-grey-9 loginInput"
|
|
|
|
className="font-14 color-grey-9 loginInputzhuche"
|
|
|
|
|
|
|
|
|
|
|
|
placeholder="密码"></Input>
|
|
|
|
placeholder="密码"></Input>
|
|
|
|
|
|
|
|
|
|
|
@ -621,10 +630,33 @@ class LoginRegisterComponent extends Component {
|
|
|
|
size={"large"}>登录</Button>
|
|
|
|
size={"large"}>登录</Button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
.loginInputzhuche{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
background-color: #fff!important;
|
|
|
|
|
|
|
|
height: 45px !important;
|
|
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.loginInputzhuche .ant-input{
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
background-color: #fff!important;
|
|
|
|
|
|
|
|
height: 45px !important;
|
|
|
|
|
|
|
|
padding: 5px;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
right: 5px;
|
|
|
|
|
|
|
|
width: 103%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
parseInt(tab[0])==1 &&
|
|
|
|
parseInt(tab[0])==1 &&
|
|
|
|
<div style={{width: '340px'}}>
|
|
|
|
<div style={{width: '340px'}}>
|
|
|
|
<Input className="loginInputsyl color-grey-9 loginInput" placeholder="请使用手机号/邮箱账号进行注册"
|
|
|
|
<Input className="loginInputsyl color-grey-9 loginInputzhuche" placeholder="请使用手机号/邮箱账号进行注册"
|
|
|
|
value={this.state.logins}
|
|
|
|
value={this.state.logins}
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
type="text" autoComplete="off"
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
|
onChange={this.loginInputonChanges}
|
|
|
@ -646,7 +678,7 @@ class LoginRegisterComponent extends Component {
|
|
|
|
></DragValidator>
|
|
|
|
></DragValidator>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="mt25">
|
|
|
|
<div className="mt25">
|
|
|
|
<Input className="fl mr5 font-14 color-grey-9" name="codes" type="text" autoComplete="off" readonly
|
|
|
|
<Input className="fl mr5 font-14 color-grey-9 loginInputzhuche" name="codes" type="text" autoComplete="off" readonly
|
|
|
|
onfocus="this.removeAttribute('readonly')" style={{
|
|
|
|
onfocus="this.removeAttribute('readonly')" style={{
|
|
|
|
width:'210px',
|
|
|
|
width:'210px',
|
|
|
|
height:'38px',
|
|
|
|
height:'38px',
|
|
|
@ -657,13 +689,13 @@ class LoginRegisterComponent extends Component {
|
|
|
|
</Input>
|
|
|
|
</Input>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
getverificationcodes === undefined ?
|
|
|
|
getverificationcodes === undefined ?
|
|
|
|
<Button className="fl ml5 font-14" disabled style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
<Button className="fl ml5 font-14" disabled style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
size={"large"}>重新发送{seconds}s</Button>
|
|
|
|
size={"large"}>重新发送{seconds}s</Button>
|
|
|
|
: getverificationcodes === true ?
|
|
|
|
: getverificationcodes === true ?
|
|
|
|
<Button className="fl ml5 font-14" type="primary" style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
<Button className="fl ml5 font-14" type="primary" style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>获取验证码</Button>
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>获取验证码</Button>
|
|
|
|
:
|
|
|
|
:
|
|
|
|
<Button className="fl ml5 font-14 " type="primary" style={{"width": "120px","text-align":"center", "height": "38px",}}
|
|
|
|
<Button className="fl ml5 font-14 " type="primary" style={{"width": "120px","text-align":"center", "height": "45px",}}
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>重新发送</Button>
|
|
|
|
onClick={() => this.getverificationcode()} size={"large"}>重新发送</Button>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -673,13 +705,13 @@ class LoginRegisterComponent extends Component {
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
{/*<Input type="password" name="password" id="password" autoComplete="new-password"*/}
|
|
|
|
{/*<Input type="password" name="password" id="password" autoComplete="new-password"*/}
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
{/* style={{height: '0', width: '0', border: 'none', display: "none"}}/>*/}
|
|
|
|
<Input className="loginInput font-14 mt25 color-grey-9" placeholder="输入8~16位密码,区分大小写"
|
|
|
|
<Input className="loginInput font-14 mt25 color-grey-9 loginInputzhuche" placeholder="输入8~16位密码,区分大小写"
|
|
|
|
type={classpass}
|
|
|
|
type={classpass}
|
|
|
|
|
|
|
|
|
|
|
|
autoComplete="new-password"
|
|
|
|
autoComplete="new-password"
|
|
|
|
onClick={this.changeType}
|
|
|
|
onClick={this.changeType}
|
|
|
|
value={this.state.passwords} onChange={this.passwordonChanges} suffix={
|
|
|
|
value={this.state.passwords} onChange={this.passwordonChanges} suffix={
|
|
|
|
<img src={passopens} onClick={(key) => this.Showandhide(key)}>
|
|
|
|
<img className={"mt5"} src={passopens} onClick={(key) => this.Showandhide(key)}>
|
|
|
|
</img>
|
|
|
|
</img>
|
|
|
|
}></Input>
|
|
|
|
}></Input>
|
|
|
|
<Checkbox onChange={this.onChange}
|
|
|
|
<Checkbox onChange={this.onChange}
|
|
|
|