<!--地图容器-->
<template>
  <div id="centerDiv" class="mapcontainer">
    <!--时钟-->
    <clock/>
    <!--天气-->
    <weather/>
    <!--内容-->
    <slot/>
    <!--遮罩-->
    <brand/>
  </div>
</template>

<script>

import Clock from '../components/clock/Clock'
import Weather from '../components/weather/weather'
import Brand from '../components/Brand/brand'
export default {
  name: 'LayoutMap',
  components: { Brand, Weather, Clock }
}
</script>

<style rel="stylesheet/scss" lang="scss">
  /*整个容器*/
  .mapcontainer {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: transparent;
    /*background-color: #051151;*/
  }
  /*logo遮罩*/
  .mask{
    position: fixed;
    padding-left:10px;
    padding-right:10px;
    bottom:0px;
    left:0px;
    background-color:#0F3F8D;
    color:#0F3F8D;
    line-height:2
  }

</style>