sourcecode/front/project/www/components/Invite/index.js

import React from 'react';
import './index.less';
import Assets from '@src/components/Assets';
import { Icon } from 'antd';
import Button from '../Button';
import { Input } from '../Login';

function Invite() {
  return (
    <div className="invite-block">
      <div className="title-block">
        <b>方法一:</b> 将邀请链接发送给好友
      </div>
      <div className="input-layout">
        <div className="input-block">
          <div className="t1">http://</div>
          <div className="t2">qianhanggmat.com/id123134341431</div>
        </div>
        <Button radius>复制</Button>
      </div>
      <div className="title-block">
        <b>方法二:</b> 微信扫码分享
      </div>
      <div className="qrcode">
        <Assets name="qrcode" />
      </div>
      <div className="title-block">
        <b>方法三:</b> 向好友发送邀请邮件
      </div>
      <div className="input-layout">
        <div className="input-block">
          <Input placeholder="输入邮箱后，回车可添加多个" />
          <div className="success">
            <Icon type="check" />
            邀请已发送
          </div>
        </div>
        <Button radius>复制</Button>
      </div>
    </div>
  );
}
Invite.propTypes = {};
export default Invite;