组件化

package-lock.json

        }
      }
    },
    "@sindresorhus/is": {
      "version": "0.7.0",
      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
      "integrity": "sha512-ONhaKPIufzzrlNbqtWFFd+jlnemX6lJAgq9ZeiZtS7I1PIf/la7CW4m83rTXRnVnsMbW2k56pGYu7AUFJD9Pow=="
    },
    "accepts": {
      "version": "1.3.5",
      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz",
        "postcss-value-parser": "3.3.0"
      }
    },
    "axios": {
      "version": "0.17.1",
      "resolved": "https://registry.npmjs.org/axios/-/axios-0.17.1.tgz",
      "integrity": "sha1-LY4+XQvb1zJ/kbyBT1xXZg+Bgk0=",
      "requires": {
        "follow-redirects": "1.4.1",
        "is-buffer": "1.1.6"
      }
    },
    "babel-code-frame": {
      "version": "6.26.0",
      "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
        "unset-value": "1.0.0"
      }
    },
    "cacheable-request": {
      "version": "2.1.4",
      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-2.1.4.tgz",
      "integrity": "sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=",
      "requires": {
        "clone-response": "1.0.2",
        "get-stream": "3.0.0",
        "http-cache-semantics": "3.8.1",
        "keyv": "3.0.0",
        "lowercase-keys": "1.0.0",
        "normalize-url": "2.0.1",
        "responselike": "1.0.2"
      },
      "dependencies": {
        "lowercase-keys": {
          "version": "1.0.0",
          "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.0.tgz",
          "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY="
        },
        "normalize-url": {
          "version": "2.0.1",
          "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz",
          "integrity": "sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==",
          "requires": {
            "prepend-http": "2.0.0",
            "query-string": "5.1.1",
            "sort-keys": "2.0.0"
          }
        },
        "prepend-http": {
          "version": "2.0.0",
          "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
          "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
        },
        "query-string": {
          "version": "5.1.1",
          "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
          "integrity": "sha512-gjWOsm2SoGlgLEdAGt7a6slVOk9mGiXmPFMqrEhLQ68rhQuBnpfs3+EmlvqKyxnCo9/PPlF+9MtY02S1aFg+Jw==",
          "requires": {
            "decode-uri-component": "0.2.0",
            "object-assign": "4.1.1",
            "strict-uri-encode": "1.1.0"
          }
        },
        "sort-keys": {
          "version": "2.0.0",
          "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz",
          "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=",
          "requires": {
            "is-plain-obj": "1.1.0"
          }
        }
      }
    },
    "caller-path": {
      "version": "0.1.0",
      "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-0.1.0.tgz",
      "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
      "dev": true
    },
    "clone-response": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz",
      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
      "requires": {
        "mimic-response": "1.0.0"
      }
    },
    "co": {
      "version": "4.6.0",
      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
    "core-util-is": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
      "dev": true
    },
    "cosmiconfig": {
      "version": "2.2.2",
    "decode-uri-component": {
      "version": "0.2.0",
      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU="
    },
    "decompress-response": {
      "version": "3.3.0",
      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz",
      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
      "requires": {
        "mimic-response": "1.0.0"
      }
      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
      "dev": true
    },
    "deep-equal": {
      "version": "1.0.1",
      "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
      "dev": true
    },
    "duplexer3": {
      "version": "0.1.4",
      "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
    },
    "duplexify": {
      "version": "3.6.0",
      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.0.tgz",
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.4.1.tgz",
      "integrity": "sha512-uxYePVPogtya1ktGnAAXOacnbIuRMB4dkvqeNz2qTtTQsuzSfbDolV+wMMKxAmCx0bLgAKLbBOkjItMbbkR1vg==",
      "dev": true,
      "requires": {
        "debug": "3.1.0"
      },
          "version": "3.1.0",
          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
          "dev": true,
          "requires": {
            "ms": "2.0.0"
          }
      "version": "2.3.0",
      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
      "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
      "dev": true,
      "requires": {
        "inherits": "2.0.3",
        "readable-stream": "2.3.6"
    "get-stream": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ="
      "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
      "dev": true
    },
    "get-value": {
      "version": "2.0.6",
        "slash": "1.0.0"
      }
    },
    "got": {
      "version": "8.3.1",
      "resolved": "https://registry.npmjs.org/got/-/got-8.3.1.tgz",
      "integrity": "sha512-tiLX+bnYm5A56T5N/n9Xo89vMaO1mrS9qoDqj3u/anVooqGozvY/HbXzEpDfbNeKsHCBpK40gSbz8wGYSp3i1w==",
      "requires": {
        "@sindresorhus/is": "0.7.0",
        "cacheable-request": "2.1.4",
        "decompress-response": "3.3.0",
        "duplexer3": "0.1.4",
        "get-stream": "3.0.0",
        "into-stream": "3.1.0",
        "is-retry-allowed": "1.1.0",
        "isurl": "1.0.0",
        "lowercase-keys": "1.0.1",
        "mimic-response": "1.0.0",
        "p-cancelable": "0.4.1",
        "p-timeout": "2.0.1",
        "pify": "3.0.0",
        "safe-buffer": "5.1.2",
        "timed-out": "4.0.1",
        "url-parse-lax": "3.0.0",
        "url-to-options": "1.0.1"
      }
    },
    "graceful-fs": {
      "version": "4.1.11",
      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
      "dev": true
    },
    "has-symbol-support-x": {
      "version": "1.4.2",
      "resolved": "https://registry.npmjs.org/has-symbol-support-x/-/has-symbol-support-x-1.4.2.tgz",
      "integrity": "sha512-3ToOva++HaW+eCpgqZrCfN51IPB+7bJNVT6CUATzueB5Heb8o6Nam0V3HG5dlDvZU1Gn5QLcbahiKw/XVk5JJw=="
    },
    "has-to-string-tag-x": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz",
      "integrity": "sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==",
      "requires": {
        "has-symbol-support-x": "1.4.2"
      }
    },
    "has-value": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
        }
      }
    },
    "http-cache-semantics": {
      "version": "3.8.1",
      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz",
      "integrity": "sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w=="
    },
    "http-deceiver": {
      "version": "1.2.7",
      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
      "integrity": "sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=",
      "dev": true
    },
    "into-stream": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-3.1.0.tgz",
      "integrity": "sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=",
      "requires": {
        "from2": "2.3.0",
        "p-is-promise": "1.1.0"
      }
    },
    "invariant": {
      "version": "2.2.4",
      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
    "is-buffer": {
      "version": "1.1.6",
      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
      "dev": true
      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
    },
    "is-builtin-module": {
      "version": "1.0.0",
        "kind-of": "3.2.2"
      }
    },
    "is-object": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/is-object/-/is-object-1.0.1.tgz",
      "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA="
    },
    "is-odd": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/is-odd/-/is-odd-2.0.0.tgz",
    "is-plain-obj": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4="
      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
      "dev": true
    },
    "is-plain-object": {
      "version": "2.0.4",
      "integrity": "sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==",
      "dev": true
    },
    "is-retry-allowed": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz",
      "integrity": "sha1-EaBgVotnM5REAz0BJaYaINVk+zQ="
    },
    "is-stream": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
    "isarray": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
      "dev": true
    },
    "isexe": {
      "version": "2.0.0",
      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
      "dev": true
    },
    "isurl": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/isurl/-/isurl-1.0.0.tgz",
      "integrity": "sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==",
      "requires": {
        "has-to-string-tag-x": "1.4.1",
        "is-object": "1.0.1"
      }
    },
    "js-base64": {
      "version": "2.4.3",
      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.4.3.tgz",
      "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
      "dev": true
    },
    "json-buffer": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg="
    },
    "json-loader": {
      "version": "0.5.7",
      "resolved": "https://registry.npmjs.org/json-loader/-/json-loader-0.5.7.tgz",
      "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
      "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE="
    },
    "keyv": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/keyv/-/keyv-3.0.0.tgz",
      "integrity": "sha512-eguHnq22OE3uVoSYG0LVWNP+4ppamWr9+zWBe1bsNcovIMy6huUJFPgy4mGwCd/rnl3vOLGW1MTlu4c57CT1xA==",
      "requires": {
        "json-buffer": "3.0.0"
      }
    },
    "killable": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.0.tgz",
      "integrity": "sha1-miyr0bno4K6ZOkv31YdcOcQujqw=",
      "dev": true
    },
    "lowercase-keys": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
      "integrity": "sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA=="
    },
    "lru-cache": {
      "version": "4.1.3",
      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz",
      "integrity": "sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==",
      "dev": true
    },
    "mimic-response": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.0.tgz",
      "integrity": "sha1-3z02Uqc/3ta5sLJBRub9BSNTRY4="
    },
    "minimalistic-assert": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
    "object-assign": {
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
      "dev": true
    },
    "object-copy": {
      "version": "0.1.0",
      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
      "dev": true
    },
    "p-cancelable": {
      "version": "0.4.1",
      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-0.4.1.tgz",
      "integrity": "sha512-HNa1A8LvB1kie7cERyy21VNeHb2CWJJYqyyC2o3klWFfMGlFmWv2Z7sFgZH8ZiaYL95ydToKTFVXgMV/Os0bBQ=="
    },
    "p-finally": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4="
    },
    "p-is-promise": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4="
      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
      "dev": true
    },
    "p-limit": {
      "version": "1.2.0",
      "integrity": "sha512-r6zKACMNhjPJMTl8KcFH4li//gkrXWfbD6feV8l6doRHlzljFWGJ2AP6iKaCJXyZmAUMOPtvbW7EXkbWO/pLEA==",
      "dev": true
    },
    "p-timeout": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-2.0.1.tgz",
      "integrity": "sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==",
      "requires": {
        "p-finally": "1.0.0"
      }
    },
    "p-try": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
    "pify": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY="
      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
      "dev": true
    },
    "pinkie": {
      "version": "2.0.4",
    "process-nextick-args": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
      "dev": true
    },
    "progress": {
      "version": "2.0.0",
      "version": "2.3.6",
      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
      "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
      "dev": true,
      "requires": {
        "core-util-is": "1.0.2",
        "inherits": "2.0.3",
      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
      "dev": true
    },
    "responselike": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/responselike/-/responselike-1.0.2.tgz",
      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
      "requires": {
        "lowercase-keys": "1.0.1"
      }
    },
    "restore-cursor": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-2.0.0.tgz",
    "safe-buffer": {
      "version": "5.1.2",
      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
      "dev": true
    },
    "safe-regex": {
      "version": "1.1.0",
    "strict-uri-encode": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM="
      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
      "dev": true
    },
    "string-width": {
      "version": "2.1.1",
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
      "dev": true,
      "requires": {
        "safe-buffer": "5.1.2"
      }
      "integrity": "sha1-lcakRTDhW6jW9KPsuMOj+sRto1c=",
      "dev": true
    },
    "timed-out": {
      "version": "4.0.1",
      "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
      "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8="
    },
    "timers-browserify": {
      "version": "2.0.10",
      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.10.tgz",
        "requires-port": "1.0.0"
      }
    },
    "url-parse-lax": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-3.0.0.tgz",
      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
      "requires": {
        "prepend-http": "2.0.0"
      },
      "dependencies": {
        "prepend-http": {
          "version": "2.0.0",
          "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
          "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
        }
      }
    },
    "url-to-options": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/url-to-options/-/url-to-options-1.0.1.tgz",
      "integrity": "sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k="
    },
    "use": {
      "version": "3.1.0",
      "resolved": "https://registry.npmjs.org/use/-/use-3.1.0.tgz",
    "util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
      "dev": true
    },
    "utila": {
      "version": "0.4.0",
        "vue-template-es2015-compiler": "1.6.0"
      }
    },
    "vue-resource": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/vue-resource/-/vue-resource-1.5.0.tgz",
      "integrity": "sha512-em+Ihe+duUWQv4uKO8aFTGK+e/lvNtk5EBEmWaBYcfQzBmHhKR4jJAeVIHcG6otugmsme/DmYrOEPfbss+2XfQ==",
      "requires": {
        "got": "8.3.1"
      }
    },
    "vue-router": {
      "version": "3.0.1",
      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz",

package.json

    "build": "node build/build.js"
  },
  "dependencies": {
    "axios": "^0.17.1",
    "element-ui": "^2.3.8",
    "style-loader": "^0.20.3",
    "stylus": "^0.54.5",
    "swiper": "^4.2.6",
    "vue": "^2.5.2",
    "vue-resource": "^1.5.0",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },

src/components/Main.vue

      };
    },
    created() {
      this.$http.get('./api/plat').then((response) => {
        response = response.body;
         if (response.errno === ERR_OK) {
          this.plat = response.data;
         };
      this.$axios.get('./api/plat').then((res) => {
        // console.log(res);
        res = res.data;
        if (res.errno === ERR_OK) {
          this.plat = res.data;
        };
      });
    },
    components: {

src/components/bench-views/ViewWorkBench.vue

<template>
  <div class="workbench">
    工作台
  </div>
</template>
<script>
  export default {
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
</style>

src/components/form-views/loginPlat.vue

          </li>
          <li>
            <button type="button" disabled class="frmtype btnModel">登录</button>
            <router-link to="workBench">wwww</router-link>
            <router-link class="fontLink" to="">忘记密码？</router-link>
          </li>
        </ul>

src/components/main-views/ViewHome.vue

            <router-link class="content-more" to="">查看全部</router-link>
        </div>
        <div class="block-container">
          <div class="block-item" v-for="item in 6" :key="item">
            <div class="show-head"></div>
            <div class="show-info">
              <div class="info-tit">专家姓名</div>
              <div class="info-tag">职称/职位，所在机构</div>
              <div class="info-desc">
研究方向：研究方向A；研究方向B；研究方向C；研究方向A；研究方向B；研究方向C；研究方...
</div>
            </div>
          </div>
          <baseExpert v-for="item in 6" :key="item"></baseExpert>
        </div>
      </div>
    </div>
            <router-link class="content-more" to="">查看全部</router-link>
        </div>
        <div class="block-container">
          <div class="block-item org-item" v-for="item in 3" :key="item">
            <div class="item-block">
              <div class="item-pic">
                <img src="">
              </div>
              <div class="item-text">
                <p class="item-tit">北京科袖科技有限公司北京科袖科技有限公司</p>
                <p class="item-tag">所属行业 | 所属行业 | 所属行业</p>
              </div>
            </div>
          </div>
          <baseAgency v-for="item in 3" :key="item"></baseAgency>
        </div>
      </div>
    </div>
  import Swiper from 'swiper';
  import 'swiper/dist/css/swiper.min.css';
  import baseAgency from './subtemplate/BaseAgency';
  import baseExpert from './subtemplate/BaseExpert';
  export default {
    props: {
      plat: {
          prevEl: this.$refs.prevResource
        }
      });
    },
    components: {
      baseAgency,
      baseExpert
    }
  };
</script>
        .swiper-container-rtl .swiper-button-prev
          background:linear-gradient(to left,rgba(178, 178, 178,.4) 0,rgba(0,0,0,0.0001) 100%)
          right:0
        .item-block
          width:180px
          overflow:hidden
          .item-pic
            width:180px
            height:120px
            box-sizing:border-box
            border:1px solid #e4e7ed
            background-size:cover
            overflow:hidden
          .item-text
            margin-top:6px
            line-height:30px
            &.item-tit
              text-align:center
              text-ellipsis()
            .title
              text-ellipsis()
            .desc
              margin-top:3px
              text-ellipsis(2,20px)
            .owner
              margin-top:10px
              text-ellipsis()
        .content-title
          .content-search
            display:flex
          flex-wrap: wrap
          margin-right:-10px
          margin-bottom:-10px
          .block-item
            display:flex
            justify-content: space-between
            width:346px
            height:140px
            box-sizing:border-box
            padding:10px
            margin-right:10px
            margin-bottom:10px
            border:1px solid #e4e7ed
            .show-head
              width:80px
              height:80px
              border:1px solid #e4e7ed
              border-radius(50%)
            .show-info
              width:230px
              .info-tit
                font-size:18px
                line-height:28px
                color:$mainFont
              .info-tag
                color:$secondaryFont
                text-ellipsis(1,26px)
              .info-desc
                color:$secondaryFont
                text-ellipsis(3,20px)
            &.org-item
              height:200px
              text-align:center
              .item-block
                width:306px
                margin:auto
                .item-pic
                  margin:auto
                .item-tag
                  color:$secondaryFont
                  text-ellipsis(1,20px)
</style>

src/components/main-views/subtemplate/BaseAgency.vue

<template>
  <div class="block-item org-item">
    <div class="item-block">
      <div class="item-pic">
        <img src="">
      </div>
      <div class="item-text">
        <p class="item-tit">北京科袖科技有限公司北京科袖科技有限公司</p>
        <p class="item-tag">所属行业 | 所属行业 | 所属行业</p>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './style';
</style>

src/components/main-views/subtemplate/BaseExpert.vue

<template>
  <div class="base">
    <div class="block-item">
      <div class="show-head"></div>
      <div class="show-info">
        <div class="info-tit">专家姓名</div>
        <div class="info-tag">职称/职位，所在机构</div>
        <div class="info-desc">
研究方向：研究方向A；研究方向B；研究方向C；研究方向A；研究方向B；研究方向C；研究方...
</div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './style';
</style>

src/components/main-views/subtemplate/style.styl

@import '../../../common/stylus/mixin';
.item-block
  width:180px
  overflow:hidden
  .item-pic
    width:180px
    height:120px
    box-sizing:border-box
    border:1px solid #e4e7ed
    background-size:cover
    overflow:hidden
  .item-text
    margin-top:6px
    line-height:30px
    &.item-tit
      text-align:center
      text-ellipsis()
    .title
      text-ellipsis()
    .desc
      margin-top:3px
      text-ellipsis(2,20px)
    .owner
      margin-top:10px
      text-ellipsis()
.block-item
  display:flex
  justify-content: space-between
  width:346px
  height:140px
  box-sizing:border-box
  padding:10px
  margin-right:10px
  margin-bottom:10px
  border:1px solid #e4e7ed
  .show-head
    width:80px
    height:80px
    border:1px solid #e4e7ed
    border-radius(50%)
  .show-info
    width:230px
    .info-tit
      font-size:18px
      line-height:28px
      color:$mainFont
    .info-tag
      color:$secondaryFont
      text-ellipsis(1,26px)
    .info-desc
      color:$secondaryFont
      text-ellipsis(3,20px)
  &.org-item
    height:200px
    text-align:center
    .item-block
      width:306px
      margin:auto
      .item-pic
        margin:auto
      .item-tag
        color:$secondaryFont
        text-ellipsis(1,20px)

src/main.js

import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
import {router} from './router/index';
import VueResource from 'vue-resource';
import axios from 'axios';
Vue.use(VueResource);
Vue.prototype.$axios = axios;
Vue.use(ElementUI);
/* eslint-disable no-new */

src/router/router.js

      name: 'aboutUs',
      component: () => import('@/components/main-views/ViewAboutUs.vue')
      // component: resolve => { require(['../components/ViewAboutUs.vue'], resolve); }
    },
    { path: 'workBench',
      title: '平台工作台',
      name: 'workBench',
      component: () => import('@/components/bench-views/ViewWorkBench.vue')
    }
  ]
};