<template>
  <div class="container">
    <banner id='banner' />
    <infos id='infos' />
    <detail id='detail' />
    <videoList id='videoList' />
    <consult id='consult' />
    <aboutUs id='aboutUs' />
    <silder :showForm='showForm'
            @changeStatus='changeStatus' />
  </div>
</template>
<style lang="less" scoped>
.container {
  min-height: 1000px;
}
</style>
<script>
import banner from './blocks/banner'
import infos from './blocks/infos'
import detail from './blocks/detail'
import videoList from './blocks/videoList'
import consult from './blocks/consult'
import aboutUs from './blocks/aboutUs'
import silder from '@/components/silder.vue'
export default {
  name: 'indexpage',
  components: {
    banner,
    infos,
    detail,
    videoList,
    consult,
    aboutUs,
    silder
  },
  data () {
    return {
      showForm: false
    }
  },
  methods: {
    changeStatus (val) {
      console.log(val)
      this.showForm = val;
    }
  }
}
</script>
