<!--
 * @Author: WangJiaCheng
 * @Date: 2021-05-06 17:24:30
 * @LastEditors: wjc
 * @LastEditTime: 2021-12-02 17:39:38
 * @Description:
-->
<template>
  <div class="default-layout">
    <default-header />
    <div class="layout-main">
      <!-- <default-side /> -->
      <keep-alive>
        <router-view :key="$route.fullPath" />
      </keep-alive>
    </div>
  </div>
</template>

<script>
import DefaultHeader from './DefaultHeader/index.vue'
import DefaultSide from './DefaultSide/index.vue'

export default {
  components: {
    DefaultHeader,
    DefaultSide
  },
  data() {
    return {
    }
  }
}
</script>

<style lang="less">
  .default-layout {
    width: 100%;
    height: 100%;
    background: #fff;
  }
  .el-aside {
    color: #333;
  }
  .layout-main {
    display: flex;
    position: relative;
    flex-flow: column;
    flex-grow: 1;
    overflow-y: auto;
    /* justify-content: space-between; */
    padding: 0;
    background: #fff;
    width: 100%;
    height: ~"calc(100vh - 40px)";
  }
</style>
