Blame view

src/App.vue 639 Bytes
cfd91107   liuqimichale   first
1
2
  <template>
    <div id="app">
a5f51b80   liuqimichale   完成页面
3
4
5
6
      <VHeader></VHeader>
      <router-view class="wrap"/>
      <VFooter></VFooter>
  
cfd91107   liuqimichale   first
7
8
9
10
    </div>
  </template>
  
  <script>
a5f51b80   liuqimichale   完成页面
11
12
13
  import VHeader from './components/VHeader'
  import VFooter from './components/VFooter'
  
cfd91107   liuqimichale   first
14
  export default {
a5f51b80   liuqimichale   完成页面
15
16
    name: 'App',
    components: { VHeader, VFooter },
cfd91107   liuqimichale   first
17
18
19
20
  }
  </script>
  
  <style>
a5f51b80   liuqimichale   完成页面
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
  
    #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;
    }
  
    .wrap {
      flex: 1;
cfd91107   liuqimichale   first
36
    }
cfd91107   liuqimichale   first
37
  </style>