<template>
  <div id="app">
    <Header></Header>
    <Banner></Banner>
    <Exam></Exam>
    <Video></Video>
    <Recommend></Recommend>
    <Footer></Footer>
  </div>
</template>
<script>
  import Header from '@/common/headers.vue'
  import Footer from '@/common/footer.vue'
  import Banner from '@/components/resource/list.vue'
  import Exam from '@/components/resource/exam.vue'
  import Video from '@/components/resource/video.vue'
  import Recommend from '@/components/resource/recommend.vue'
  export default {
    components: {
      Header,
      Banner,
      Exam,
      Video,
      Recommend,
      Footer
    },
    data() {
      return {
        bannerimg:'',
      }
    },
      mounted() {
        if (this.$route.path == 'arearesource') {

        }
      }
    }
</script>
<style scoped>
  #app {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
  }
</style>
