<template>
  <div class="container">
    <img src="/images/banner.png" style="width:100%;object-fit: cover;" />
    <!-- 轮播图 -->
    <!-- <banner /> -->
    <!-- 项目特色 -->
    <project-features />
    <project-background />
    <!-- 学校排名 -->
    <!-- <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 projectBackground from '../components/home/projectBackground'
import schoolRanking from '../components/home/schoolRanking'
import news from '../components/home/news'
import presence from '../components/home/presence'
import commonProblem from '../components/home/commonProblem'
import openClass from '../components/home/openClass'
import rightAside from '../components/rightAside'
export default {
  layout: 'normal',
  components: {
    banner,
    projectFeatures,
    projectBackground,
    schoolRanking,
    news,
    presence,
    commonProblem,
    openClass,
    rightAside,
  },
  data() {
    return {
      isScale: false,
    }
  },
  created() {},
  mounted() {
    if (document.documentElement.clientWidth < 1400) {
      // this.isScale = true
    }
  },
}
</script>
<style>
.container {
  width: 100%;
  padding-bottom: 50px;
}
</style>
