<template>
  <div>
    <card title="上课环境" style="margin-top: 95px;" class="max-width-center">
      <div class="env-list" style="margin-top: 77px;">
        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-1.png" />
        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-2.png" style="margin: 0 9px;" />
        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-3.png" />
      </div>
      <div class="env-list">
        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-4.png" />
        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-5.png" style="margin: 0 9px;" />
        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/env-6.png" />
      </div>
    </card>
  </div>
</template>
<script>
import Card from '@/components/Card'
export default {
  name: 'environment',
  components: {
    Card
  },
  data() {
    return {}
  },
  computed: {
    isMobile() {
      return this.$store.state.isMobile
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.env-list {
  display: flex;
  margin-bottom: 9px;
  img {
    width: 394px;
  }
}
.max-width-center {
  width: 1200px;
  margin: 0 auto;
}
</style>
