<template>
  <div class="main">
    <base-header></base-header>
    <div class="header-placehold"></div>
    <div class="content">
      <Breadcrumb />
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import BaseHeader from "@/components/base-header";
import Breadcrumb from "@/components/breadcrumb";
export default {
  name: "Home",
  components: {
    BaseHeader,
    Breadcrumb
  }
};
</script>
<style lang="scss">
.main {
  height: 100%;
  .header-placehold {
    height: $header-height;
  }
  .content {
    background: $content-bg-color;
    padding: 16px;
    height: calc(100% - 64px);
    overflow: auto;
    > .content-box {
      background: #fff;
      padding: 16px;
      border-radius: $border-radius;
      min-height: calc(100% - 30px);
    }
  }
}
</style>
