diff --git a/.history/src/App_20231122110907.vue b/.history/src/App_20231122110907.vue
new file mode 100644
index 0000000..7c5cdd2
--- /dev/null
+++ b/.history/src/App_20231122110907.vue
@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<style>
+* {
+  margin: 0;
+  padding: 0;
+}
+#app {
+  width: 100vw;
+  height: 100vh;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/App_20231122120235.vue b/.history/src/App_20231122120235.vue
new file mode 100644
index 0000000..9d59758
--- /dev/null
+++ b/.history/src/App_20231122120235.vue
@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<style>
+* {
+  margin: 0;
+  padding: 0;
+}
+#app {
+  width: 7680px;
+  height: 3240px;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/App_20231122120238.vue b/.history/src/App_20231122120238.vue
new file mode 100644
index 0000000..5d26865
--- /dev/null
+++ b/.history/src/App_20231122120238.vue
@@ -0,0 +1,18 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<style>
+* {
+  margin: 0;
+  padding: 0;
+}
+
+#app {
+  width: 7680px;
+  height: 3240px;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111001.vue b/.history/src/views/Index_20231122111001.vue
new file mode 100644
index 0000000..f4653a7
--- /dev/null
+++ b/.history/src/views/Index_20231122111001.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <p>11111111111</p>
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.header {
+  width: 100%;
+  height: 4%;
+  color: black;
+  font-size: 18px;
+}
+
+.footer {
+  width: 100%;
+  height: 4%;
+  color: black;
+  font-size: 18px;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111105.vue b/.history/src/views/Index_20231122111105.vue
new file mode 100644
index 0000000..7613d4b
--- /dev/null
+++ b/.history/src/views/Index_20231122111105.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <p>11111111111</p>
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: 100% 100%;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111124.vue b/.history/src/views/Index_20231122111124.vue
new file mode 100644
index 0000000..e3bc60f
--- /dev/null
+++ b/.history/src/views/Index_20231122111124.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <p>11111111111</p>
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: 100%;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111125.vue b/.history/src/views/Index_20231122111125.vue
new file mode 100644
index 0000000..e3bc60f
--- /dev/null
+++ b/.history/src/views/Index_20231122111125.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <p>11111111111</p>
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: 100%;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111150.vue b/.history/src/views/Index_20231122111150.vue
new file mode 100644
index 0000000..2a7aaee
--- /dev/null
+++ b/.history/src/views/Index_20231122111150.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <!-- <p>11111111111</p> -->
+      <!-- <RouterView /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: 100%;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111157.vue b/.history/src/views/Index_20231122111157.vue
new file mode 100644
index 0000000..39a1408
--- /dev/null
+++ b/.history/src/views/Index_20231122111157.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <!-- <p>11111111111</p> -->
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: 100%;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111202.vue b/.history/src/views/Index_20231122111202.vue
new file mode 100644
index 0000000..29f7eb9
--- /dev/null
+++ b/.history/src/views/Index_20231122111202.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <p>11111111111</p>
+      <!-- <RouterView /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: 100%;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111250.vue b/.history/src/views/Index_20231122111250.vue
new file mode 100644
index 0000000..5748ffd
--- /dev/null
+++ b/.history/src/views/Index_20231122111250.vue
@@ -0,0 +1,36 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <p>11111111111</p>
+      <!-- <RouterView /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111336.vue b/.history/src/views/Index_20231122111336.vue
new file mode 100644
index 0000000..f437d3e
--- /dev/null
+++ b/.history/src/views/Index_20231122111336.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <!-- <RouterView /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111337.vue b/.history/src/views/Index_20231122111337.vue
new file mode 100644
index 0000000..f437d3e
--- /dev/null
+++ b/.history/src/views/Index_20231122111337.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <!-- <RouterView /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111410.vue b/.history/src/views/Index_20231122111410.vue
new file mode 100644
index 0000000..3ecef75
--- /dev/null
+++ b/.history/src/views/Index_20231122111410.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <!-- <RouterView /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111534.vue b/.history/src/views/Index_20231122111534.vue
new file mode 100644
index 0000000..74b474c
--- /dev/null
+++ b/.history/src/views/Index_20231122111534.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111535.vue b/.history/src/views/Index_20231122111535.vue
new file mode 100644
index 0000000..74b474c
--- /dev/null
+++ b/.history/src/views/Index_20231122111535.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111548.vue b/.history/src/views/Index_20231122111548.vue
new file mode 100644
index 0000000..fd5302d
--- /dev/null
+++ b/.history/src/views/Index_20231122111548.vue
@@ -0,0 +1,40 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122111855.vue b/.history/src/views/Index_20231122111855.vue
new file mode 100644
index 0000000..4a6e96a
--- /dev/null
+++ b/.history/src/views/Index_20231122111855.vue
@@ -0,0 +1,61 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+      </div>
+      <div>
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <p></p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122111924.vue b/.history/src/views/Index_20231122111924.vue
new file mode 100644
index 0000000..19b4665
--- /dev/null
+++ b/.history/src/views/Index_20231122111924.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112003.vue b/.history/src/views/Index_20231122112003.vue
new file mode 100644
index 0000000..033f271
--- /dev/null
+++ b/.history/src/views/Index_20231122112003.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112443.vue b/.history/src/views/Index_20231122112443.vue
new file mode 100644
index 0000000..018f679
--- /dev/null
+++ b/.history/src/views/Index_20231122112443.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p></p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112611.vue b/.history/src/views/Index_20231122112611.vue
new file mode 100644
index 0000000..7079919
--- /dev/null
+++ b/.history/src/views/Index_20231122112611.vue
@@ -0,0 +1,67 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112639.vue b/.history/src/views/Index_20231122112639.vue
new file mode 100644
index 0000000..28909bf
--- /dev/null
+++ b/.history/src/views/Index_20231122112639.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="" alt="">
+        <img src="" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112702.vue b/.history/src/views/Index_20231122112702.vue
new file mode 100644
index 0000000..eea593e
--- /dev/null
+++ b/.history/src/views/Index_20231122112702.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按_hover.png" alt="">
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112735.vue b/.history/src/views/Index_20231122112735.vue
new file mode 100644
index 0000000..9333686
--- /dev/null
+++ b/.history/src/views/Index_20231122112735.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="">
+        <img src="../assets/img/智能运维按_hover.png" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112743.vue b/.history/src/views/Index_20231122112743.vue
new file mode 100644
index 0000000..58bd4cc
--- /dev/null
+++ b/.history/src/views/Index_20231122112743.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="">
+        <img src="../assets/img/智能运维按_hover.png" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+}
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112821.vue b/.history/src/views/Index_20231122112821.vue
new file mode 100644
index 0000000..e3f48fa
--- /dev/null
+++ b/.history/src/views/Index_20231122112821.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="">
+        <img src="../assets/img/智能运维按_hover.png" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112827.vue b/.history/src/views/Index_20231122112827.vue
new file mode 100644
index 0000000..234d895
--- /dev/null
+++ b/.history/src/views/Index_20231122112827.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="">
+        <img src="../assets/img/智能运维按_hover.png" alt="">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112851.vue b/.history/src/views/Index_20231122112851.vue
new file mode 100644
index 0000000..ae484a3
--- /dev/null
+++ b/.history/src/views/Index_20231122112851.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}</style>
diff --git a/.history/src/views/Index_20231122112855.vue b/.history/src/views/Index_20231122112855.vue
new file mode 100644
index 0000000..ced0c87
--- /dev/null
+++ b/.history/src/views/Index_20231122112855.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122115509.vue b/.history/src/views/Index_20231122115509.vue
new file mode 100644
index 0000000..768fe25
--- /dev/null
+++ b/.history/src/views/Index_20231122115509.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style lang="less" scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122115542.vue b/.history/src/views/Index_20231122115542.vue
new file mode 100644
index 0000000..43dbacf
--- /dev/null
+++ b/.history/src/views/Index_20231122115542.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style lang="less" scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars{
+    position: absolute;
+    left: 200px;
+    bottom: 200px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122115735.vue b/.history/src/views/Index_20231122115735.vue
new file mode 100644
index 0000000..94a3b8f
--- /dev/null
+++ b/.history/src/views/Index_20231122115735.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="content">
+    <div class="home">
+      <RouterView />
+    </div>
+    <div class="footer">
+      <div>
+        <img src="../assets/img/生产工艺按钮.png" alt="" class="tabbars">
+        <img src="../assets/img/生产工艺按钮选中_hover.png" alt="" class="tabbars">
+        <p>生产工艺</p>
+      </div>
+      <div>
+        <img src="../assets/img/能源监测按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能源监测按钮 _hover.png" alt="" class="tabbars">
+        <p>能源监测</p>
+      </div>
+      <div>
+        <img src="../assets/img/负荷管理按钮 .png" alt="" class="tabbars">
+        <img src="../assets/img/负荷管理按钮  拷贝_hover.png" alt="" class="tabbars">
+        <p>负荷管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/能效管理按钮  拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/能效管理按钮_hover.png" alt="" class="tabbars">
+        <p>能效管理</p>
+      </div>
+      <div>
+        <img src="../assets/img/智能运维按钮   拷贝.png" alt="" class="tabbars">
+        <img src="../assets/img/智能运维按_hover.png" alt="" class="tabbars">
+        <p>智能运维</p>
+      </div>
+      <div>
+        <img src="../assets/img/碳资产管理.png" alt="" class="tabbars">
+        <img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" class="tabbars">
+        <p>碳资产管理</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RouterView } from "vue-router";
+
+export default {
+  name: "index",
+  components: { RouterView },
+};
+</script>
+<style lang="less" scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars{
+    position: absolute;
+    left: 1784px;
+    bottom: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122115827.vue b/.history/src/views/Index_20231122115827.vue
new file mode 100644
index 0000000..8304bcd
--- /dev/null
+++ b/.history/src/views/Index_20231122115827.vue
@@ -0,0 +1,74 @@
+<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>
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars1{
+    position: absolute;
+    left: 1784px;
+    bottom: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122115848.vue b/.history/src/views/Index_20231122115848.vue
new file mode 100644
index 0000000..90a7f34
--- /dev/null
+++ b/.history/src/views/Index_20231122115848.vue
@@ -0,0 +1,78 @@
+<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;
+}
+.content {
+  width: 100%;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars1{
+    position: absolute;
+    left: 1784px;
+    bottom: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122115908.vue b/.history/src/views/Index_20231122115908.vue
new file mode 100644
index 0000000..7da5af6
--- /dev/null
+++ b/.history/src/views/Index_20231122115908.vue
@@ -0,0 +1,79 @@
+<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: 1784px;
+    bottom: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120153.vue b/.history/src/views/Index_20231122120153.vue
new file mode 100644
index 0000000..1de9514
--- /dev/null
+++ b/.history/src/views/Index_20231122120153.vue
@@ -0,0 +1,79 @@
+<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: 7680px;
+  height: 3240px;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars1{
+    position: absolute;
+    left: 1784px;
+    bottom: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120222.vue b/.history/src/views/Index_20231122120222.vue
new file mode 100644
index 0000000..7da5af6
--- /dev/null
+++ b/.history/src/views/Index_20231122120222.vue
@@ -0,0 +1,79 @@
+<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: 1784px;
+    bottom: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120317.vue b/.history/src/views/Index_20231122120317.vue
new file mode 100644
index 0000000..fed0dcf
--- /dev/null
+++ b/.history/src/views/Index_20231122120317.vue
@@ -0,0 +1,79 @@
+<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: -20px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120522.vue b/.history/src/views/Index_20231122120522.vue
new file mode 100644
index 0000000..e7dd69a
--- /dev/null
+++ b/.history/src/views/Index_20231122120522.vue
@@ -0,0 +1,79 @@
+<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: 172px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120656.vue b/.history/src/views/Index_20231122120656.vue
new file mode 100644
index 0000000..f7839b4
--- /dev/null
+++ b/.history/src/views/Index_20231122120656.vue
@@ -0,0 +1,79 @@
+<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: 59px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120657.vue b/.history/src/views/Index_20231122120657.vue
new file mode 100644
index 0000000..f7839b4
--- /dev/null
+++ b/.history/src/views/Index_20231122120657.vue
@@ -0,0 +1,79 @@
+<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: 59px;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120708.vue b/.history/src/views/Index_20231122120708.vue
new file mode 100644
index 0000000..aa69794
--- /dev/null
+++ b/.history/src/views/Index_20231122120708.vue
@@ -0,0 +1,79 @@
+<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;
+  }
+}
+
+/* p {
+  font-size: 16px;
+  width: 100px;
+  height: 100px;
+  background-color: red;
+} */
+
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
+</style>
diff --git a/.history/src/views/Index_20231122120807.vue b/.history/src/views/Index_20231122120807.vue
new file mode 100644
index 0000000..8540c2e
--- /dev/null
+++ b/.history/src/views/Index_20231122120807.vue
@@ -0,0 +1,82 @@
+<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{
+    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/.history/src/views/Index_20231122120818.vue b/.history/src/views/Index_20231122120818.vue
new file mode 100644
index 0000000..7cebdfa
--- /dev/null
+++ b/.history/src/views/Index_20231122120818.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: 100%;
+    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/App.vue b/src/App.vue
index 7c5cdd2..5d26865 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,9 +9,10 @@
   margin: 0;
   padding: 0;
 }
+
 #app {
-  width: 100vw;
-  height: 100vh;
+  width: 7680px;
+  height: 3240px;
   background-color: transparent;
 }
 </style>
diff --git a/src/views/Index.vue b/src/views/Index.vue
index aec9fa2..7cebdfa 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -1,14 +1,39 @@
 <template>
-  <div>
-    <div class="header">
-      头部
-    </div>
+  <div class="content">
     <div class="home">
-      <p>11111111111</p>
       <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>
@@ -21,27 +46,36 @@ export default {
   components: { RouterView },
 };
 </script>
-<style scoped>
-.header {
+<style lang="less" scoped>
+*{
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.content {
   width: 100%;
-  height: 4%;
-  color: black;
-  font-size: 18px;
+  height: 100%;
+  background: url(../assets/img/标题.png);
+  background-size: cover;
+  .tabbars1{
+    position: absolute;
+    left: 2258px;
+    bottom: 0px;
+  }
+  .footer{
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
 }
 
-.footer {
-  width: 100%;
-  height: 4%;
-  color: black;
-  font-size: 18px;
-}
-
-p {
+/* p {
   font-size: 16px;
   width: 100px;
   height: 100px;
   background-color: red;
-}
+} */
+
 .home {
   width: 100%;
   height: 100%;