BJ_web_developers / huangshi

  <template>
    <div id="app">

      <VHeader></VHeader>
      <router-view class="wrap"/>
      <VFooter></VFooter>
  

    </div>
  </template>
  
  <script>

  import VHeader from './components/VHeader'
  import VFooter from './components/VFooter'
  

  export default {

    name: 'App',
    components: { VHeader, VFooter },

  }
  </script>
  
  <style>

  
    #app {
      display: flex;
      flex-flow: column;
      min-height: 100vh;
      position: relative;
      font-family: 'Avenir', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      font-size: 14px;

      display: -webkit-box;
      display: -ms-flexbox;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;

    }
  
    .wrap {
      flex: 1;

      height: 100%;

    }

  </style>