<template>
  <div class="layout">
    <Header />
    <el-container direction="vertical">
      <div class="container_main">
        <router-view></router-view>
      </div>
      <Footer />
    </el-container>
  </div>
</template>
<script>
import Footer from "../layout/components/Footer.vue"
import Header from "../layout/components/Header.vue"
export default {
  components: {

    Footer,
    Header
  }, 
  data() {
    return {
      userInfo: {}
    }
  },
  mounted() {
    
     
  },
}
</script>
<style lang="scss" scoped>
.container_main
{
  width: 80%;
  min-width: 1200px;
  margin: auto;
  background: #fff;
  border-radius: 10px;
  margin-top:80px;
  height:auto;
  overflow-y: auto;
}
</style>