import React, { PureComponent } from 'react'
import { Modal, Row, Col } from 'antd'
import EnDash from '../EnDash'

import Style from './style.less'
import HotBlock from '../HotBlock'


export default function UserInfo(props) {
  console.log(props.phone, 'userInfo')
  return (
    <Modal footer={null} title="个人信息" visible={props.visible} onCancel={props.onCancel} width={800}>
      <div className={Style.cardBox}>
        <div className={Style.rightBox}>
          <div className={Style.flexBox}>
            <img className={Style.touxiang} src={"https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLOe0zhPv5ibog9Mexibnic7fia9uXwVhxsSWhtW1PohQZTMg9Uko22g30ibGPgNygqRKXJOJjj0eD0kQw/132"} />
            <div className={Style.right}>
              <p className={Style.rightItem}>昵称：</p>
              <p className={Style.rightItem}>姓名：</p>
              <p className={Style.rightItem}>用户手机号：</p>
              <p className={Style.rightItem}>身份证号：</p>
              <p className={Style.rightItem}>认筹手机号：</p>
            </div>
          </div>
        </div>
      </div>
    </Modal>
  );
}
