1、完成footer的样式

src/components/Footer.vue

 <template>
     <div class="footer-wrap">
-        这是底部
+        <a-button type="default" class="footer-button footer-btn-first" >常见问题</a-button>
+        <a-button type="default" class="footer-button" >工具手册</a-button>
+        <span class="qida-tips">Powered by yun.qida.com © 2015</span>
+        <span class="qida-tips">企大内部资料，禁止外传。一旦发现，后果自负。</span>
     </div>
 </template>
 
 <style lang="less" scoped>
-
+.footer-wrap {
+    font-size: 14px;
+    .footer-btn-first {
+        margin-left: 35%;
+    }
+    .qida-tips {
+        padding: 0 15px;
+        font-size: 12px;
+    }
+    ::v-deep .ant-btn {
+        background: none;
+        border: none;
+        width: 120px;
+        span {
+            text-decoration: underline;
+        }
+    }
+}
 </style>

src/main.js

@@ -4,8 +4,8 @@ import router from './router'
 import store from './store'
 import http from './service/http'
 import { Button, Popover, Menu, Breadcrumb } from 'ant-design-vue'
-const env = process.env
-console.log(env)
+// const env = process.env
+// console.log(env)
 
 // router.beforeEach((to, from, next) => {
 //   /* 必须调用 `next` */
@@ -16,7 +16,9 @@ console.log(env)
 
 const app = createApp(App)
 app.config.globalProperties.$http = http
-
+if (process.env.NODE_ENV === 'dev') {
+  app.config.devtools = true
+}
 app.use(Button)
 app.use(Popover)
 app.use(Menu)

src/views/Home.vue

@@ -67,7 +67,8 @@ export default {
     ::v-deep .footer-wrap {
         width: 100%;
         height: @footer-height;
-        background: blue;
+        line-height: @footer-height;
+        background: #EAEAEA 100%;
     }
 }
 </style>