搜索

src/App.vue

@@ -1,12 +1,18 @@
 <template>
   <router-view v-slot="{ Component }">
     <keep-alive :include="includeList">
-      <component :is="Component"></component>
+      <div id="layout">
+        <Header/>
+        <component :is="Component"></component>
+        <Footer/>
+      </div>
     </keep-alive>
   </router-view>
 </template>
 
 <script lang="ts" setup>
+import Footer from '@/components/Footer'
+import Header from '@/components/Header'
 import { ref, watch } from 'vue'
 import { RouteLocationNormalizedLoaded, useRoute } from 'vue-router'
 
@@ -21,7 +27,29 @@ watch(route, (to: RouteLocationNormalizedLoaded) => {
 </script>
 
 <style lang="less">
+* {
+  padding: 0;
+  margin: 0;
+}
+
 body {
-  background: #f7f8fa;
+  font-size: 14px;
+}
+
+#layout {
+  .container {
+    width: 1200px;
+    margin: 0 auto;
+    min-height: calc(100vh - 164px);
+  }
+}
+
+.wrap {
+  width: 1200px;
+  margin: 0 auto;
+}
+
+.breadcrumb {
+  padding: 32px 0;
 }
 </style>