<template>
  <div class="centercard">
    <div class="card1 bg-shadow">
      <maps class="map" />
    </div>
    <div class="card2 bg-shadow">
      <Brokenline class="Brokenline" />
    </div>
  </div>
</template>

<script>
import maps from "@/components/echart/map";
import Brokenline from "@/components/echart/Brokenline";
export default {
  data () {
    return {};
  },
  components: { maps, Brokenline },
  mounted () { },
  beforeDestroy () { },
  methods: {},
};
</script>

<style lang="scss" scoped>
.centercard {
  width: 48%;
  height: 100%;

  .card1 {
    width: 100%;
    height: 600px;

    .map {
      margin: auto;
      width: 95%;
      height: 600px;
    }
  }

  .card2 {
    width: 100%;

    .Brokenline {
      margin: auto;
      width: 100%;
      height: 300px;
    }
  }
}
</style>