<template>
  <div class="index">
      <Header></Header>
      <div class='dashbord-contanier'>
          <Menu></Menu>
          <div style="width:1180px;overflow:hidden">
            <div class="content">
                <router-view></router-view>
            </div>
          </div>
      </div>
  </div>
</template>

<script>
  import Header from '@/components/header'
  import Menu from '@/components/menu'
export default {
  name: 'index',
  components:{Header, Menu},
  props: {
    msg: String
  },
  created(){
     console.log(">>>>>>>>>>>>>>>>>")
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.index{
  
}
.dashbord-contanier{
  
  margin: 10 auto;

}
.content{
  width: 1200px;
  margin: 10px auto;
  height: 800px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.content::-webkit-scrollbar {
    /*display: none;*/
}
</style>
