<!--  -->
<template>
    <div class="main">
        <nav-bar />
        <app-main />
    </div>
</template>

<script>
import NavBar from './NavBar'
import AppMain from './AppMain'
export default {
  data () {
    return {
    }
  },
  components: {
    NavBar,
    AppMain
  },
  computed: {
    // hiddenHeader () {
    //   return !!this.$route.meta.hidden
    // }
  },
  beforeMount () {},
  mounted () {},
  methods: {},
  watch: {}

}

</script>

<style lang='less' scoped>
.main{
  height: 100vh;
  display: flex;
  background: #f4f4f4;
  flex-direction: column;
}
</style>
