<template>
  <div class="container">
    <!-- 头部区域 -->
    <classRoomHeader />

    <!-- 主体内容区域 -->
    <classRoomMain v-if="activeIndex === 1" />
  </div>
</template>

<script setup>
import { inject } from 'vue'
import classRoomHeader from '@/components/classRoom/classRoom-header.vue'
import classRoomMain from '@/components/classRoom/classRoom-main.vue'

// 接受祖先元素传递过来的值
const activeIndex = inject('activeIndex')
</script>
<style lang="scss" scoped>
.container {
  width: 100%;
  height: 100%;
  background-image: url(@/assets/images/bg2.png);
  background-size: 100% 100%;
}
</style>
