<!--
 * @Author: WangJiaCheng
 * @Date: 2021-05-06 17:24:30
 * @LastEditors: wjc
 * @LastEditTime: 2021-09-24 11:00:05
 * @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>
  .default-layout {
    width: 100%;
    height: 100%;
    background: #fff;
  }
  .el-aside {
    color: #333;
  }
  .layout-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: calc(100% - 60px);
    overflow: scroll;
    padding: 0;
    background: #fff;
  }
</style>
