<template>
  <div class="content">
    <div class="gongChengPingJia">
      <gcplLeft></gcplLeft>
    </div>
    <div class="right">
      <gcplRight></gcplRight>
    </div>
    <div class="foot">
      <gcplFoot></gcplFoot>
    </div>
  </div>
</template>
<script setup name="gongChengPingJia">
import { ref, reactive, toRefs, onMounted } from 'vue';
import gcplLeft from './gcplLeft';
import gcplRight from './gcplRight';
import gcplFoot from './gcplFoot';
const AllData = reactive({});
onMounted(() => {});
</script>
<style lang="scss" scoped>
.content {
  // width: 98%;
  // height: 91.2vh;
  top: 0;
  left: 20px;
  display: flex;
}
.gongChengPingJia {
  width: 455px;
  height: 98%;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.right {
  width: calc(100vw - 540px);
  height: 120px;
  margin-left: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.foot {
  height: 180px;
  bottom: 100px;
  left: 690px;
  width: calc(100% - 700px);
  position: absolute;
}
</style>