| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 | 
							- import React from 'react';
 
- import { Icon } from 'antd';
 
- import './certify.less';
 
- import Personal from './personal.jsx';
 
- const Content = React.createClass({
 
-     getInitialState() {
 
-         return {
 
-             loading: false,
 
-             theKey: 'personal',
 
-             stepNum: 1,
 
-             step0Class:'step-done',
 
-             step1Class:'step-doing',
 
-             step2Class:'step-none',
 
-             step3Class:'step-none',
 
-             step4Class:'step-none',
 
-             step5Class:'step-none',
 
-             step6Class:'step-none',
 
-         };
 
-     },
 
-     render() {
 
-         return (
 
-             <div className="certify-content">
 
-                 <div className="certify-step clearfix">
 
-                     <div className={this.state.step0Class}><div>个人实名认证流程</div></div>
 
-                     <div className={this.state.step1Class}>
 
-                         {this.state.stepNum > 1 ? <Icon type="check" /> : <i>1</i>}<div><p>填写</p><p>个人信息</p></div>
 
-                     </div>
 
-                     <div className={this.state.step2Class}>
 
-                         {this.state.stepNum > 2 ? <Icon type="check" /> : <i>2</i>}<div><p>填写</p><p>银行卡信息</p></div>
 
-                     </div>
 
-                     <div className={this.state.step3Class}>
 
-                         {this.state.stepNum > 3 ? <Icon type="check" /> : <i>3</i>}<div>确认信息</div>
 
-                     </div>
 
-                     <div className={this.state.step4Class}>
 
-                         {this.state.stepNum > 4 ? <Icon type="check" /> : <i>4</i>}<div>信息审核</div>
 
-                     </div>
 
-                     <div className={this.state.step5Class}>
 
-                         {this.state.stepNum > 5 ? <Icon type="check" /> : <i>5</i>}<div><p>填写打入</p><p>卡内金额</p></div>
 
-                     </div>
 
-                     <div className={this.state.step6Class}>
 
-                         {this.state.stepNum > 6 ? <Icon type="check" /> : <i>6</i>}<div>认证结果</div>
 
-                     </div>
 
-                 </div>
 
-                 <div className="certify-form">
 
-                     {(() => {
 
-                         switch (this.state.leftKey) {
 
-                             case 'personal':
 
-                                 return <Personal />;
 
-                         };
 
-                     })()}
 
-                 </div>
 
-             </div>
 
-         )
 
-     }
 
- });
 
- export default Content;
 
 
  |