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

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

    <!-- 主体内容右边区域 -->
    <brMainRight />

    <!-- 底部图片区域 -->
    <img class="main_img" src="@/assets/images/book-bottom-bg.png" />
  </div>
</template>

<script setup>
import brMainLeft from '@/components/bookRoom/bookRoom-main-left.vue'
import brMainCenter from '@/components/bookRoom/bookRoom-main-center.vue'
import brMainRight from '@/components/bookRoom/bookRoom-main-right.vue'
</script>
<style lang="scss" scoped>
.content {
  position: relative;
  display: flex;
  height: 940px;

  .main_img {
    position: absolute;
    left: 308px;
    bottom: 0;
    width: 1358px;
    height: 70px;
  }
}
</style>
