<template>
  <div id="app">
    <el-container class="main">
      <el-aside>
        <el-menu :default-active="$route.path" :router="true">
          <el-menu-item index="/nav">Nav</el-menu-item>
          <el-menu-item index="/searchBar">SearchBar</el-menu-item>
          <el-menu-item index="/exhibition">Exhibition</el-menu-item>
          <el-menu-item index="/charts">Charts</el-menu-item>
          <el-menu-item index="/displayarea">DispalyArea</el-menu-item>
          <el-menu-item index="/displayswitch">DisplaySwitch</el-menu-item>
          <el-menu-item index="/indicator">Indicator</el-menu-item>
          <el-menu-item index="/basicSearchPage">BasicSearchPage</el-menu-item>
          <el-menu-item index="/switchCard">SwitchCard</el-menu-item>
          <el-menu-item index="/lazyTable">LazyTable</el-menu-item>
          <el-menu-item index="/structureTable">StructureTable</el-menu-item>
          <el-menu-item index="/basicEntityPage">BasicEntityPage</el-menu-item>
          <el-menu-item index="/popFilter">PopFilter</el-menu-item>
          <el-menu-item index="/filter">Filter</el-menu-item>
        </el-menu>
      </el-aside>
      <el-main style="height: 100%">
        <router-view/>
      </el-main>
    </el-container>
  </div>
</template>

<script>
  export default {
    name: 'App'
  }
</script>

<style lang="less">
  /*@import url('//at.alicdn.com/t/font_554778_oe70ved0s58c9pb9.css');*/

  #app {
    height:100%
  }

  .main {
    /*max-width: 1280px;*/
    height:100%
  }
</style>
