Skip to content

M
mr-julyedu
Commit 88415c3c by zhanghaozhe
Options

绑定手机号添加标题

parent 1fcb75a2
Showing with 48 additions and 44 deletions
src/components/passport/bindingTel/index.js
...@@ -6,6 +6,7 @@ import { compose } from "redux"; ...@@ -6,6 +6,7 @@ import { compose } from "redux";
import { connect } from "react-redux"; import { connect } from "react-redux";
import { setCurrentUser } from "@/store/userAction"; import { setCurrentUser } from "@/store/userAction";
import Captcha from '@/common/Captcha' import Captcha from '@/common/Captcha'
import {HeaderBar} from '@/common'
import ClearableInput from '@common/ClearableInput' import ClearableInput from '@common/ClearableInput'
...@@ -44,50 +45,53 @@ class BindingTel extends Component { ...@@ -44,50 +45,53 @@ class BindingTel extends Component {
errors errors
} = this.props } = this.props
return ( return (
<div className={'binding-tel'}> <>
<p className={'title'}>为提高您的账号安全，请绑定手机号</p> <HeaderBar title={'绑定手机号'} arrow={true}/>
<Form> <div className={'binding-tel'}>
<Field <p className={'title'}>为提高您的账号安全，请绑定手机号</p>
name='tel' <Form>
render={({field, form}) => { <Field
return ( name='tel'
<ClearableInput render={({field, form}) => {
{...field} return (
setFieldValue={form.setFieldValue} <ClearableInput
placeholder={'请输入需要绑定的手机号'} {...field}
wrapperClass={'tel'} setFieldValue={form.setFieldValue}
icon={<i className={'iconfont iconshouji'} placeholder={'请输入需要绑定的手机号'}
style={{fontSize: '22px', left: '11px'}} wrapperClass={'tel'}
/>} icon={<i className={'iconfont iconshouji'}
/> style={{fontSize: '22px', left: '11px'}}
/>}
) />
}}
/> )
<Field }}
name='veriCode' />
render={({field}) => { <Field
return ( name='veriCode'
<VeriCodeInput render={({field}) => {
{...field} return (
className={'verification'} <VeriCodeInput
icon={<i className={'iconfont iconduanxin'} {...field}
style={{fontSize: '20px', left: '12px'}} className={'verification'}
/>} icon={<i className={'iconfont iconduanxin'}
account={values.tel} style={{fontSize: '20px', left: '12px'}}
tel={values.tel} />}
challenge={this.state.validate} account={values.tel}
instance={this.state.captchaInstance} tel={values.tel}
action={'auth'} challenge={this.state.validate}
/> instance={this.state.captchaInstance}
action={'auth'}
) />
}}
/> )
<Captcha onVerify={this.onVerify} getInstance={this.getCaptchaInstance}/> }}
<Button className={'complete-btn'} active={values.tel && values.veriCode && isEmpty(errors)}>完成</Button> />
</Form> <Captcha onVerify={this.onVerify} getInstance={this.getCaptchaInstance}/>
</div> <Button className={'complete-btn'} active={values.tel && values.veriCode && isEmpty(errors)}>完成</Button>
</Form>
</div>
</>
); );
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment