sourcecode/front/project/h5/routes/page/invitation/page.js

import React from 'react';
import './index.less';
import Page from '@src/containers/Page';
import Assets from '@src/components/Assets';
import Button from '../../../components/Button';
import Input from '../../../components/Input';
import Tag from '../../../components/Tag';

export default class extends Page {
  init() {}

  renderView() {
    return (
      <div>
        <div className="text">
          每邀请一位好友注册“千行GMAT”，
          <br />
          你的VIP权限会延长7天，可累加无上限。
        </div>
        <div className="line" />
        <div className="title">微信邀请</div>
        <div className="t-c">
          <div className="item t-c">
            <Assets name="img1" />
            <div>1.点击右上角「 ···」</div>
          </div>
          <div className="item t-c">
            <Assets name="img2" />
            <div>2.发送给朋友</div>
          </div>
        </div>
        <Button className="go" block width={110} radius>
          去邀请
        </Button>
        <div className="title">邮件邀请</div>
        <Input placeholder="添加多个邮箱，请用「；」间隔" />
        <div className="tag-list">
          <Tag theme="disabled" radius onClose={() => {}}>
            adfagfafha@163.com
          </Tag>
          <Tag theme="white" radius onClose={() => {}}>
            adfagfafha@163.com
          </Tag>
        </div>
        <Button block width={110} radius>
          发送邀请
        </Button>
      </div>
    );
  }
}