Gyyq-Upstairs/src/views/components/analysis/map.vue

<template>
  <div class="container">
    <div class="containertwo">
      <!-- 地图 -->
      <div class="mapareaone">
        <div class="leftdiv">
          <!-- 项目列表 -->
          <div class="mainarea">
            <ProjectList />
          </div>
        </div>
        <div class="blueicon"></div>
      </div>
      <div class="leftarea">
      </div>
    </div>
  </div>
</template>

<script>
import ProjectList from '@/views/components/analysis/projectList.vue'
export default {
  components: {
    ProjectList,
  },
}
</script>

<style scoped>
.container {
  position: relative;
}

.leftdiv {
  width: 35%;
  height: 24rem;
  /* background-color: #fff; */
  padding: 1rem;
  position: absolute;
}

.mapareaone {
  height: 26.5rem;
  grid-column: span 2;
  width: 100%;
  position: relative;
}

.blueicon {
  width: 20rem;
  height: 20rem;
  position: absolute;
  background-image: url(../../../assets/images/行政区划@2x.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 4.5rem;
  right: 7.4rem;
}
</style>