diff --git a/.history/src/views/Index_20231122121015.vue b/.history/src/views/Index_20231122121015.vue
new file mode 100644
index 0000000..8d67682
--- /dev/null
+++ b/.history/src/views/Index_20231122121015.vue
@@ -0,0 +1,84 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars1">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars1">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars2">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars2">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars3">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars3">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars4">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars4">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars5">
+        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars5">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars6">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars6">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style lang="less" scoped>
+*{
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars1{
+    position: absolute;
+    left: 2258px;
+    bottom: 0px;
+  }
+  .footer{
+    width: 100%;
+    height: 180px;
+    position: relative;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 7cebdfa..8d67682 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -64,7 +64,7 @@ export default {
   }
   .footer{
     width: 100%;
-    height: 100%;
+    height: 180px;
     position: relative;
   }
 }