更新0.1.1版本

src/layout/components/Footer/index.ts

@@ -0,0 +1,3 @@
+import PageFooter from './index.vue'
+
+export { PageFooter }

src/layout/components/Footer/index.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="page-footer">
+    <div class="page-footer-link">
+      <a href="https://github.com/jekip/naive-ui-admin" target="_blank">
+        官网
+      </a>
+      <a href="https://github.com/jekip/naive-ui-admin" target="_blank">
+        社区
+      </a>
+      <a href="https://github.com/jekip/naive-ui-admin/issues" target="_blank">
+        交流
+      </a>
+    </div>
+    <div class="copyright">
+      naive-ui-admin 0.1.0 · Made by Ah jung
+    </div>
+  </div>
+
+</template>
+
+<script>
+import { GithubOutlined, CopyrightOutlined } from '@vicons/antd'
+
+export default {
+  name: 'PageFooter',
+  components: { GithubOutlined, CopyrightOutlined },
+  props: {
+    collapsed: {
+      type: Boolean
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.page-footer {
+  margin: 48px 0 24px 0;
+  padding: 0 16px;
+  text-align: center;
+
+  a {
+    font-size: 14px;
+    color: #808695;
+    -webkit-transition: all .2s ease-in-out;
+    transition: all .2s ease-in-out;
+
+    &:hover {
+      color: #515a6e;
+    }
+  }
+
+  &-link {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 8px;
+
+    a:not(:last-child) {
+      margin-right: 40px;
+    }
+  }
+
+  .copyright {
+    color: #808695;
+    font-size: 14px;
+  }
+}
+</style>