绑定手机号添加标题

src/components/passport/bindingTel/index.js

@@ -6,6 +6,7 @@ import { compose } from "redux";
 import { connect } from "react-redux";
 import { setCurrentUser } from "@/store/userAction";
 import Captcha from '@/common/Captcha'
+import {HeaderBar} from '@/common'
 
 
 import ClearableInput from '@common/ClearableInput'
@@ -44,50 +45,53 @@ class BindingTel extends Component {
             errors
         } = this.props
         return (
-            <div className={'binding-tel'}>
-                <p className={'title'}>为提高您的账号安全，请绑定手机号</p>
-                <Form>
-                    <Field
-                        name='tel'
-                        render={({field, form}) => {
-                            return (
-                                <ClearableInput
-                                    {...field}
-                                    setFieldValue={form.setFieldValue}
-                                    placeholder={'请输入需要绑定的手机号'}
-                                    wrapperClass={'tel'}
-                                    icon={<i className={'iconfont iconshouji'}
-                                             style={{fontSize: '22px', left: '11px'}}
-                                    />}
-                                />
-
-                            )
-                        }}
-                    />
-                    <Field
-                        name='veriCode'
-                        render={({field}) => {
-                            return (
-                                <VeriCodeInput
-                                    {...field}
-                                    className={'verification'}
-                                    icon={<i className={'iconfont iconduanxin'}
-                                             style={{fontSize: '20px', left: '12px'}}
-                                    />}
-                                    account={values.tel}
-                                    tel={values.tel}
-                                    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>
-            </div>
+            <>
+                <HeaderBar title={'绑定手机号'} arrow={true}/>
+                <div className={'binding-tel'}>
+                    <p className={'title'}>为提高您的账号安全，请绑定手机号</p>
+                    <Form>
+                        <Field
+                            name='tel'
+                            render={({field, form}) => {
+                                return (
+                                    <ClearableInput
+                                        {...field}
+                                        setFieldValue={form.setFieldValue}
+                                        placeholder={'请输入需要绑定的手机号'}
+                                        wrapperClass={'tel'}
+                                        icon={<i className={'iconfont iconshouji'}
+                                                 style={{fontSize: '22px', left: '11px'}}
+                                        />}
+                                    />
+
+                                )
+                            }}
+                        />
+                        <Field
+                            name='veriCode'
+                            render={({field}) => {
+                                return (
+                                    <VeriCodeInput
+                                        {...field}
+                                        className={'verification'}
+                                        icon={<i className={'iconfont iconduanxin'}
+                                                 style={{fontSize: '20px', left: '12px'}}
+                                        />}
+                                        account={values.tel}
+                                        tel={values.tel}
+                                        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>
+                </div>
+            </>
         );
     }
 }