<template>
  <el-container>
    <el-header height="auto">
      <Header></Header>
    </el-header>
    <el-container>
      <router-view :key="$route.name"></router-view>
      <Footer></Footer>
    </el-container>
  </el-container>
</template>
<script>
  import Header from "../../components/base/Header";
  import Footer from "../../components/base/Footer";


  export default {
    name: "index-index",
    components: {
      Header,
      Footer,
    },
    data() {
      return {};
    },
    created() {
      console.log('created');
    },
    methods: {},
  };
</script>
<style lang="scss">
  .flex {
    display: flex;
  }

  body {
    background-color: #f5f5f5;
  }

  .el-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 1024px;
    box-sizing: border-box;
    background-color: #f5f5f5;

    .el-header {
      padding: 0;
    }

    .el-container {
      width: 100%;
      overflow: auto;
      display: flex;
      flex-flow: column;
    }
  }
</style>
