refactor: add settings for GlobalFooter components

src/components/layout/GlobalFooter.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="footer">
     <div class="links">
-      <a>Pro首页</a>
+      <a target="_blank" :key="index" :href="item.link ? item.link : 'javascript: void(0)'" v-for="(item, index) in linkList">
-      <a><a-icon type="github" /></a>
+        <a-icon v-if="item.icon" :type="item.icon"/>{{item.name}}
-      <a>Ant Design</a>
+      </a>
     </div>
     <div class="copyright">
-      Copyright<a-icon type="copyright" />2018 XXXXXXXXXXXXXXXXXX出品
+      Copyright<a-icon type="copyright" />{{copyright}}
     </div>
   </div>
 </template>
@@ -15,6 +15,7 @@
 import AIcon from 'ant-design-vue/es/icon/icon'
 export default {
   name: 'GlobalFooter',
+  props: ['copyright', 'linkList'],
   components: {AIcon}
 }
 </script>

src/components/layout/GlobalLayout.vue

@@ -16,7 +16,7 @@
         <slot></slot>
       </a-layout-content>
       <a-layout-footer style="padding: 0px">
-        <global-footer />
+        <global-footer :link-list="linkList" copyright="2018 ICZER出品" />
       </a-layout-footer>
     </a-layout>
   </a-layout>
@@ -72,6 +72,12 @@ export default {
     },
     layout () {
       return this.$store.state.setting.layout
+    },
+    linkList () {
+      return this.$store.state.setting.footerLinks
+    },
+    copyright () {
+      return this.$store.state.setting.copyright
     }
   },
   methods: {

src/store/modules/setting.js

@@ -4,7 +4,13 @@ export default {
     isMobile: false,
     theme: 'dark',
     layout: 'side',
-    systemName: 'Vue Antd Admin'
+    systemName: 'Vue Antd Admin',
+    copyright: '',
+    footerLinks: [
+      {link: 'https://pro.ant.design', name: 'Pro首页'},
+      {link: 'https://github.com/iczer/vue-antd-admin', icon: 'github'},
+      {link: 'https://ant.design', name: 'Ant Design'}
+    ]
   },
   mutations: {
     setDevice (state, isMobile) {