Home.vue

<template>
<div class="home">
<div class="mapChina">
  <Map class="mapClass"></Map>
</div>
<!-- <div class="mapGuizhou">

</div> -->
<!-- <div class="mapGuiyang">

</div>
<div class="mapAnshun">

</div> -->
</div>

</template>

<script>
import Map from '@/echarts/Map'
export default {
  name: 'Home',
  data () {
    return {

    }
  },
  components: {
    Map
  }
}
</script>

<style scoped>
.home{
  position: relative;
  width:100%;
  height: 100%;
  color:#fff;
  margin:0;
  padding:0;
  display: flex;
}
.mapChina{
  position: relative;
  width:100%;
  height: 100%;
  background: #fff;
}
.mapGuizhou{
  position: relative;
  width:100%;
  height:100%;
  background: #636e72;
}
/* .mapClass{
  position: relative;
  width:50%;
  height: 100%;
  background: #fff;
} */
</style>