BJ_web_developers / lzsandtable

  <template>

    <div class="main-content">
      <v-header></v-header>
      <ul class="main-wrap">
        <li class="main-left">left</li>
        <li class="main-center">
          <v-map></v-map>
        </li>
        <li class="main-right">right</li>
      </ul>
    </div>

  </template>
  
  <script>

  import VHeader from '../components/VHeader'
  import VMap from '../components/VMap'

  export default {

    name: 'VHome',
    components: {
      VHeader,
      VMap
    }

  }
  </script>
  

  <style scoped lang="scss">
    .main-content{
      width: 100%;
      height: 100%;
    }
    .main-wrap{
      height: calc(100% - 65px);
      padding: 10px 10px;
      li{
        float: left;
        height: 100%;
      }
    }
    .main-left,.main-right{
      background-color: #ccc;
      width: 25%;
    }
    .main-center{
      width: calc(50% - 20px);
      margin: 0 10px;
      border:1px solid #1679de;
    }

  
  </style>