1

suerprisePlus

2024-06-06 7acf7ad6948e3e952173a2551ea4a92a8ff56c35

 src/views/mapChart/index.vue

@@ -1,17 +1,49 @@
<template>
  <div class="mapChart"></div>
  <div class="mapChart">
    <div class="chartHeader">
      <chart-header></chart-header>
    </div>
    <div class="chartContent">
      <div class="chartView">
        <chart-view></chart-view>
      </div>
    </div>
  </div>
</template>

<script>
import chartHeader from "./chartHeader.vue";
import chartView from "./../chartView/index.vue";
export default {

}
  components: {
    chartHeader,
    chartView
  },
  watch() {}
};
</script>

<style>
<style scoped>
.mapChart{
    width: 100%;
    height: 100%;
    background: skyblue;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mapChart .chartHeader {
  width: 100%;
  height: 38px;
}
.chartContent {
  flex: 1;
  position: relative;
}
.chartView {
  position: absolute;
  width: 100%;
  height: 100%;

}
</style>