<template>
  <div class="bg-[#0D0A50] text-#fff h-full w-full">
    <div class="py-5 text-center text-3xl titleBg">广东省建设用地污染地块信息系统</div>
    <div class="flex w-full">
      <div class="ml-5 w-1/6">
        <Region />
        <Industry class="mt-10" />
        <Soil class="mt-10" />
        <Water class="mt-10" />
      </div>
      <div class="w-4/6">
        <Map />
      </div>
      <div class="w-1/6 ml-3">
        <DkNum />
        <FxpgNum class="mt-10" />
        <Fxgkxf class="mt-10" />
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import Region from './components/region.vue';
  import Industry from './components/industry.vue';
  import Soil from './components/soil.vue';
  import Water from './components/water.vue';
  // 右侧
  import DkNum from './components/DkNum.vue';
  import FxpgNum from './components/FxpgNum.vue';
  import Fxgkxf from './components/Fxgkxf.vue';
  //中间
  import Map from './components/map/index.vue';
</script>
<style lang="less" scoped>
  .titleBg {
    background: url('@/assets/images/titleBg.png') no-repeat;
    background-size: 100% 100%;
  }
</style>
