diff --git a/src/App.vue b/src/App.vue
index b6f8453..7c5cdd2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,4 +9,9 @@
   margin: 0;
   padding: 0;
 }
+#app {
+  width: 100vw;
+  height: 100vh;
+  background-color: transparent;
+}
 </style>
diff --git a/src/assets/img/下遮罩.png b/src/assets/img/下遮罩.png
new file mode 100644
index 0000000..f98fbb5
Binary files /dev/null and b/src/assets/img/下遮罩.png differ
diff --git a/src/assets/img/侧边.png b/src/assets/img/侧边.png
new file mode 100644
index 0000000..e14022b
Binary files /dev/null and b/src/assets/img/侧边.png differ
diff --git a/src/assets/img/可调图标--未选中.png b/src/assets/img/可调图标--未选中.png
new file mode 100644
index 0000000..d272ef8
Binary files /dev/null and b/src/assets/img/可调图标--未选中.png differ
diff --git a/src/assets/img/可调图标.png b/src/assets/img/可调图标.png
new file mode 100644
index 0000000..4d5cd9f
Binary files /dev/null and b/src/assets/img/可调图标.png differ
diff --git a/src/assets/img/可调负荷/可调图标--未选中.png b/src/assets/img/可调负荷/可调图标--未选中.png
new file mode 100644
index 0000000..4accb0d
Binary files /dev/null and b/src/assets/img/可调负荷/可调图标--未选中.png differ
diff --git a/src/assets/img/可调负荷/可调图标.png b/src/assets/img/可调负荷/可调图标.png
new file mode 100644
index 0000000..dcbd74c
Binary files /dev/null and b/src/assets/img/可调负荷/可调图标.png differ
diff --git a/src/assets/img/右遮罩.png b/src/assets/img/右遮罩.png
new file mode 100644
index 0000000..c12277b
Binary files /dev/null and b/src/assets/img/右遮罩.png differ
diff --git a/src/assets/img/太阳.png b/src/assets/img/太阳.png
new file mode 100644
index 0000000..9ee807a
Binary files /dev/null and b/src/assets/img/太阳.png differ
diff --git a/src/assets/img/小标题栏.png b/src/assets/img/小标题栏.png
new file mode 100644
index 0000000..3628af2
Binary files /dev/null and b/src/assets/img/小标题栏.png differ
diff --git a/src/assets/img/左遮罩.png b/src/assets/img/左遮罩.png
new file mode 100644
index 0000000..0cd0652
Binary files /dev/null and b/src/assets/img/左遮罩.png differ
diff --git a/src/assets/img/智能运维按_hover.png b/src/assets/img/智能运维按_hover.png
new file mode 100644
index 0000000..ca6fee3
Binary files /dev/null and b/src/assets/img/智能运维按_hover.png differ
diff --git a/src/assets/img/智能运维按钮   拷贝.png b/src/assets/img/智能运维按钮   拷贝.png
new file mode 100644
index 0000000..890a859
Binary files /dev/null and b/src/assets/img/智能运维按钮   拷贝.png differ
diff --git a/src/assets/img/标题.png b/src/assets/img/标题.png
new file mode 100644
index 0000000..faa0038
Binary files /dev/null and b/src/assets/img/标题.png differ
diff --git a/src/assets/img/标题/回路名称.png b/src/assets/img/标题/回路名称.png
new file mode 100644
index 0000000..288e8a7
Binary files /dev/null and b/src/assets/img/标题/回路名称.png differ
diff --git a/src/assets/img/标题/智能运维-监控.png b/src/assets/img/标题/智能运维-监控.png
new file mode 100644
index 0000000..0f252b5
Binary files /dev/null and b/src/assets/img/标题/智能运维-监控.png differ
diff --git a/src/assets/img/标题/智能运维.png b/src/assets/img/标题/智能运维.png
new file mode 100644
index 0000000..732589c
Binary files /dev/null and b/src/assets/img/标题/智能运维.png differ
diff --git a/src/assets/img/标题/碳资产管理-熟料生产核算边界.png b/src/assets/img/标题/碳资产管理-熟料生产核算边界.png
new file mode 100644
index 0000000..12c3cb7
Binary files /dev/null and b/src/assets/img/标题/碳资产管理-熟料生产核算边界.png differ
diff --git a/src/assets/img/标题/碳资产管理.png b/src/assets/img/标题/碳资产管理.png
new file mode 100644
index 0000000..3c2e6a0
Binary files /dev/null and b/src/assets/img/标题/碳资产管理.png differ
diff --git a/src/assets/img/标题/能效管理-能耗.png b/src/assets/img/标题/能效管理-能耗.png
new file mode 100644
index 0000000..6504393
Binary files /dev/null and b/src/assets/img/标题/能效管理-能耗.png differ
diff --git a/src/assets/img/标题/能效管理.png b/src/assets/img/标题/能效管理.png
new file mode 100644
index 0000000..c03f116
Binary files /dev/null and b/src/assets/img/标题/能效管理.png differ
diff --git a/src/assets/img/标题/能源监测-水.png b/src/assets/img/标题/能源监测-水.png
new file mode 100644
index 0000000..618c57c
Binary files /dev/null and b/src/assets/img/标题/能源监测-水.png differ
diff --git a/src/assets/img/标题/能源监测-煤.png b/src/assets/img/标题/能源监测-煤.png
new file mode 100644
index 0000000..c8ac1e0
Binary files /dev/null and b/src/assets/img/标题/能源监测-煤.png differ
diff --git a/src/assets/img/标题/能源监测-电-1号生产线.png b/src/assets/img/标题/能源监测-电-1号生产线.png
new file mode 100644
index 0000000..c135c67
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-1号生产线.png differ
diff --git a/src/assets/img/标题/能源监测-电-2号生产线.png b/src/assets/img/标题/能源监测-电-2号生产线.png
new file mode 100644
index 0000000..aae02ab
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-2号生产线.png differ
diff --git a/src/assets/img/标题/能源监测-电-3号生产线.png b/src/assets/img/标题/能源监测-电-3号生产线.png
new file mode 100644
index 0000000..19da83a
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-3号生产线.png differ
diff --git a/src/assets/img/标题/能源监测-电-回转窑系统.png b/src/assets/img/标题/能源监测-电-回转窑系统.png
new file mode 100644
index 0000000..116dbde
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-回转窑系统.png differ
diff --git a/src/assets/img/标题/能源监测-电-水泥磨系统.png b/src/assets/img/标题/能源监测-电-水泥磨系统.png
new file mode 100644
index 0000000..0d7327e
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-水泥磨系统.png differ
diff --git a/src/assets/img/标题/能源监测-电-煤磨系统.png b/src/assets/img/标题/能源监测-电-煤磨系统.png
new file mode 100644
index 0000000..740cfc6
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-煤磨系统.png differ
diff --git a/src/assets/img/标题/能源监测-电-生料系统.png b/src/assets/img/标题/能源监测-电-生料系统.png
new file mode 100644
index 0000000..9d607fc
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-生料系统.png differ
diff --git a/src/assets/img/标题/能源监测-电-破碎系统.png b/src/assets/img/标题/能源监测-电-破碎系统.png
new file mode 100644
index 0000000..6c349c0
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-破碎系统.png differ
diff --git a/src/assets/img/标题/能源监测-电-配电室.png b/src/assets/img/标题/能源监测-电-配电室.png
new file mode 100644
index 0000000..e63c68a
Binary files /dev/null and b/src/assets/img/标题/能源监测-电-配电室.png differ
diff --git a/src/assets/img/标题/能源监测-电.png b/src/assets/img/标题/能源监测-电.png
new file mode 100644
index 0000000..4c35092
Binary files /dev/null and b/src/assets/img/标题/能源监测-电.png differ
diff --git a/src/assets/img/标题/能源监测.png b/src/assets/img/标题/能源监测.png
new file mode 100644
index 0000000..2ee1e23
Binary files /dev/null and b/src/assets/img/标题/能源监测.png differ
diff --git a/src/assets/img/标题/负荷管理-可调负荷.png b/src/assets/img/标题/负荷管理-可调负荷.png
new file mode 100644
index 0000000..190f4c3
Binary files /dev/null and b/src/assets/img/标题/负荷管理-可调负荷.png differ
diff --git a/src/assets/img/标题/负荷管理.png b/src/assets/img/标题/负荷管理.png
new file mode 100644
index 0000000..7009a69
Binary files /dev/null and b/src/assets/img/标题/负荷管理.png differ
diff --git a/src/assets/img/生产工艺按钮.png b/src/assets/img/生产工艺按钮.png
new file mode 100644
index 0000000..73a8ac7
Binary files /dev/null and b/src/assets/img/生产工艺按钮.png differ
diff --git a/src/assets/img/生产工艺按钮选中_hover.png b/src/assets/img/生产工艺按钮选中_hover.png
new file mode 100644
index 0000000..6fb7a78
Binary files /dev/null and b/src/assets/img/生产工艺按钮选中_hover.png differ
diff --git a/src/assets/img/碳资产管理 拷贝_hover.png b/src/assets/img/碳资产管理 拷贝_hover.png
new file mode 100644
index 0000000..381e28c
Binary files /dev/null and b/src/assets/img/碳资产管理 拷贝_hover.png differ
diff --git a/src/assets/img/碳资产管理.png b/src/assets/img/碳资产管理.png
new file mode 100644
index 0000000..07ffe53
Binary files /dev/null and b/src/assets/img/碳资产管理.png differ
diff --git a/src/assets/img/能效管理按钮  拷贝.png b/src/assets/img/能效管理按钮  拷贝.png
new file mode 100644
index 0000000..86c20a9
Binary files /dev/null and b/src/assets/img/能效管理按钮  拷贝.png differ
diff --git a/src/assets/img/能效管理按钮_hover.png b/src/assets/img/能效管理按钮_hover.png
new file mode 100644
index 0000000..864759d
Binary files /dev/null and b/src/assets/img/能效管理按钮_hover.png differ
diff --git a/src/assets/img/能源监测按钮  拷贝.png b/src/assets/img/能源监测按钮  拷贝.png
new file mode 100644
index 0000000..be11ddb
Binary files /dev/null and b/src/assets/img/能源监测按钮  拷贝.png differ
diff --git a/src/assets/img/能源监测按钮 _hover.png b/src/assets/img/能源监测按钮 _hover.png
new file mode 100644
index 0000000..42ffd66
Binary files /dev/null and b/src/assets/img/能源监测按钮 _hover.png differ
diff --git a/src/assets/img/负荷管理按钮  拷贝_hover.png b/src/assets/img/负荷管理按钮  拷贝_hover.png
new file mode 100644
index 0000000..a87177a
Binary files /dev/null and b/src/assets/img/负荷管理按钮  拷贝_hover.png differ
diff --git a/src/assets/img/负荷管理按钮 .png b/src/assets/img/负荷管理按钮 .png
new file mode 100644
index 0000000..c5f638b
Binary files /dev/null and b/src/assets/img/负荷管理按钮 .png differ
diff --git a/src/assets/img/遮罩上.png b/src/assets/img/遮罩上.png
new file mode 100644
index 0000000..69c7c1d
Binary files /dev/null and b/src/assets/img/遮罩上.png differ
diff --git a/src/views/Index.vue b/src/views/Index.vue
index 08a0bcf..aec9fa2 100644
--- a/src/views/Index.vue
+++ b/src/views/Index.vue
@@ -42,4 +42,9 @@ p {
   height: 100px;
   background-color: red;
 }
+.home {
+  width: 100%;
+  height: 100%;
+  background-color: transparent;
+}
 </style>