<template>
  <div class="container">
    <!-- 轮播图 -->
    <banner />
    <!-- 项目特色 -->
    <project-features style="background-color: #fff;" />
    <!-- 优秀师资 -->
    <teacher />
    <!-- 上课环境 -->
    <environment />
    <!-- 部分服务过学员企业 -->
    <enterprise />
    <!-- 报名需知 -->
    <notice />
    <!-- 学校排名 -->
    <!-- <school-ranking /> -->
    <!-- 最新动态 -->
    <!-- <news /> -->
    <!-- 师生风采 -->
    <presence />
    <!-- 常见问题 -->
    <!-- <common-problem /> -->
    <!-- 公开课 -->
    <!-- <open-class /> -->
    <!-- 右侧功能栏 -->
    <right-aside />
  </div>
</template>

<script>
import banner from '../components/home/banner'
import projectFeatures from '../components/home/projectFeatures'
import environment from '../components/home/environment'
import teacher from '../components/home/teacher'
import enterprise from '../components/home/enterprise'
import notice from '../components/home/notice'
import presence from '../components/home/presence'
import rightAside from '../components/rightAside'
export default {
  layout: 'normal',
  components: {
    banner,
    projectFeatures,
    teacher,
    environment,
    enterprise,
    notice,
    presence,
    rightAside
  },
  data() {
    return {
      isScale: false
    }
  },
  created() {},
  mounted() {
    if (document.documentElement.clientWidth < 1400) {
      // this.isScale = true
    }
  }
}
</script>
<style>
.container {
  width: 100%;
  padding-bottom: 50px;
}
</style>
