新增GloablFooter、标准列表

src/components/layout/CommonPageLayout.vue

@@ -0,0 +1,36 @@
+<template>
+  <div style="margin: -24px -24px 0px">
+    <page-header :breadcrumb="breadcrumb"/>
+    <div style="margin: 24px 24px 0px">
+      <router-view  ref="page"/>
+    </div>
+  </div>
+</template>
+
+<script>
+import PageHeader from '../page/PageHeader'
+export default {
+  name: 'CommonPageLayout',
+  components: {PageHeader},
+  data () {
+    return {
+      breadcrumb: []
+    }
+  },
+  mounted () {
+    this.getPageHeaderInfo()
+  },
+  beforeUpdate () {
+    this.getPageHeaderInfo()
+  },
+  methods: {
+    getPageHeaderInfo () {
+      this.breadcrumb = this.$route.matched
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/layout/GloablFooter.vue

@@ -0,0 +1,43 @@
+<template>
+  <div class="footer">
+    <div class="links">
+      <a>Pro首页</a>
+      <a><a-icon type="github" /></a>
+      <a>Ant Design</a>
+    </div>
+    <div class="copyright">
+      Copyright<a-icon type="copyright" />2018 XXXXXXXXXXXXXXXXXX出品
+    </div>
+  </div>
+</template>
+
+<script>
+import AIcon from 'vue-antd-ui/es/icon/icon'
+export default {
+  name: 'GloablFooter',
+  components: {AIcon}
+}
+</script>
+
+<style lang="less" scoped>
+  .footer{
+    padding: 0 16px;
+    margin: 48px 0 24px;
+    text-align: center;
+    .copyright{
+      color: rgba(0,0,0,.45);
+      font-size: 14px;
+    }
+    .links{
+      margin-bottom: 8px;
+      a:not(:last-child) {
+        margin-right: 40px;
+      }
+      a{
+        color: rgba(0,0,0,.45);
+        -webkit-transition: all .3s;
+        transition: all .3s;
+      }
+    }
+  }
+</style>

src/components/layout/GloablLayout.vue

@@ -14,7 +14,9 @@
       <a-layout-content :style="{minHeight: minHeight, margin: '24px 24px 0'}">
         <slot></slot>
       </a-layout-content>
-      <a-layout-footer></a-layout-footer>
+      <a-layout-footer style="padding: 0px">
+        <gloabl-footer />
+      </a-layout-footer>
     </a-layout>
   </a-layout>
 </template>
@@ -24,6 +26,7 @@ import ALayout from 'vue-antd-ui/es/layout'
 import GloablHeader from './GloablHeader'
 import AIcon from 'vue-antd-ui/es/icon/icon'
 import IMenu from '../menu/menu'
+import GloablFooter from './GloablFooter'
 
 const ALayoutSider = ALayout.Sider
 const ALayoutHeader = ALayout.Header
@@ -36,6 +39,7 @@ let menuData = []
 export default {
   name: 'GloablLayout',
   components: {
+    GloablFooter,
     AIcon,
     GloablHeader,
     ALayout,