relationshipMap
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./index.css">
  <link rel="stylesheet" href="./loader.css">
  <link rel="stylesheet" href="./header.css">
  <link rel="stylesheet" href="./antd.css">
</head>

<body>
  <div class="ant-row header">
    <div class="ant-col-5 wrap-logo">
      <img src="http://p7r1j06pc.bkt.clouddn.com/logo.jpg">
    </div>
    <div class="ant-col-19 wrap-header-right">
      <span> </span>
      <div class="wrap-info">
        <ul class="anticons-list">
          <li class="switch-user">
            <span class="active switch-btn">企业端</span>
            <span class="switch-btn">银行端</span>
          </li>
          <li class="action-item">
            <i class="anticon anticon-notification"></i>
          </li>
          <li class="user-header">
            <img src="http://p7r1j06pc.bkt.clouddn.com/header.jpg">
            <span class="user-tools">
              <p>账号信息</p>
              <p>退出登录</p>
            </span>
          </li>
          <li class="user-info-name">易关通（广州）科技有限公司</li>
        </ul>
      </div>
    </div>
  </div>
  <svg id="svg" width="1200" height="800"></svg>
  <div class="dots-loader"></div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.js"></script>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
  <script src="./main.js"></script>
  <script src="./relation.es5.js"></script>
</body>

</html>