<template>
  <div id="app">
    <LeftNav />
    <div class="main">
      <Header />
      <div style="margin-top:68px; padding:15px; background: #fff">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script>
import LeftNav from '@components/LeftNav';
import Header from '@components/Header';
export default {
  name: 'App',
  components: {
    LeftNav,
    Header
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {}
};
</script>
<style lang="less">
  .example {
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 20px;
    position: relative;
    transition: all .2s ease-in-out;
  }
  .example-split {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border: 1px dashed #eee;
  }
</style>
