<template>
  <div class="content">
    <!-- 主体内容左边区域 -->
    <crMainLeft />

    <!-- 主体内容中间区域 -->
    <crMainCenter />

    <!-- 主体内容右边区域 -->
    <crMainRight />
  </div>
</template>

<script setup>
import crMainLeft from '@/components/classRoom/classRoom-main-left.vue'
import crMainCenter from '@/components/classRoom/classRoom-main-center.vue'
import crMainRight from '@/components/classRoom/classRoom-main-right.vue'
</script>
<style lang="scss" scoped>
.content {
  display: flex;
  height: 934px;
}
</style>
