<template>
  <div id="home">
    <el-container>
      <el-header>
        <HomeHead></HomeHead>
      </el-header>
      <el-container>
        <el-aside class="one">
          <HomeLeft></HomeLeft>
        </el-aside>
        <el-main class="two">
          <el-scrollbar>
            <router-view></router-view>
          </el-scrollbar>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script setup lang="ts">
import HomeLeft from './homeParts/left-1.vue';
import HomeHead from './homeParts/header-1.vue';
</script>

<style scoped lang="scss">
.el-header {
  padding: 0;
  background-color: $red;
  border-bottom: 2px solid $white;
}
.one {
  width: 200px;
  border-right: 2px solid $white;
}
.two {
  height: 92vh;
  .router-view {
    height: 92vh;
  }
}
</style>
