feat:添加底部

src/layouts/index.vue

@@ -2,10 +2,23 @@
   <section class="_contaioner">
     <custom-scroll-title class="header_titles" />
     <section class="_content">
-      <router-view />
+      <router-view :style="{ transform: `scale(${scale})` }" />
     </section>
+    <section class="_footer"></section>
   </section>
 </template>
+<script setup>
+import { ref, onMounted } from 'vue';
+
+// onMounted(handleNewScale);
+const scale = ref(1);
+// function handleNewScale() {
+//   window.onresize = () => {
+//     scale.value = (window.innerWidth / 1920) * 1;
+//     console.log('scale', scale.value);
+//   };
+// }
+</script>
 <style lang="scss" scoped>
 ._contaioner {
   box-sizing: border-box;
@@ -13,11 +26,24 @@
   height: 100vh;
   background: url('../assets/images/basic/containerBG.png') no-repeat center;
   background-size: 100% 100%;
+  overflow: hidden;
   .header_titles {
     height: 60px;
   }
   ._content {
     height: calc(100vh - 60px);
+    overflow-y: auto;
+    &::-webkit-scrollbar {
+      width: 0;
+      height: 0;
+    }
+  }
+  ._footer {
+    position: absolute;
+    bottom: 0;
+    width: 100vw;
+    height: 60px;
+    background: url('../assets/images/basic/footerBG.png');
   }
 }
 </style>

src/router/index.js

@@ -20,7 +20,7 @@ export const constantRoutes = [
     path: '/',
     name: 'layout',
     component: Layout,
-    // redirect: '/home',
+    redirect: '/home',
     meta: { title: '首页', icon: 'House' },
     children: [
       {