<template>
  <el-container>
    <el-header height="auto"><Header></Header></el-header>
    <el-container>
      <div>
        <router-view></router-view>
        <Footer></Footer>
      </div>
    </el-container>
  </el-container>
</template>
<script>
/* eslint-disable */
import Header from "../../components/index/Header";
import Footer from "../../components/index/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%;
    > div {
      width: 100%;
      overflow: auto;
    }
  }
}
</style>
