diff --git a/src/App.vue b/src/App.vue
index 663a9da..81478b3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,9 +12,19 @@
         </div>
       </div>
       <div class="topCenter">
-        国网南京雨花供电营业厅
+        <div class="topText">
+          <img src="./assets/images/topText.png"/>
+        </div>
+        
+      </div>
+      <div class="topRight">
+        <div>
+          天气&nbsp;:&nbsp;
+          <img src="./assets/weather/sun.png"/>
+          多云
+        </div>
+        <div style="color:rgb(57,173,194)">|&nbsp;&nbsp;5~25℃</div>
       </div>
-      <div class="topRight"></div>
     </div>
     <div class="main">
       <router-view /> 
@@ -52,7 +62,7 @@ export default {
   width: 100%;
   height: 8.6%;
   display: flex;
-  justify-content: space-between;
+  jjustify-content: space-evenly;
   .topLeft{
     width: 11%;
     height: 55%;
@@ -68,11 +78,22 @@ export default {
     height: 100%;
     background: url("./assets/images/topBg.png") no-repeat;
     background-size: 100% 100%;
+    display: flex;
+    justify-content: center;
+    .topText{
+      height: 65%;
+      display: flex;
+      align-items: center;
+    }
   }
   .topRight{
-    width: 11%;
-    height: 100%;
-    border: 1px solid blue;
+    width: 12%;
+    height: 50%;
+    color:#ffffff;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    color: #fff;
   }
 }
 .main{
diff --git a/src/assets/images/topText.png b/src/assets/images/topText.png
new file mode 100644
index 0000000..694d94a
Binary files /dev/null and b/src/assets/images/topText.png differ
diff --git a/src/assets/weather/Cloudy .png b/src/assets/weather/Cloudy .png
new file mode 100644
index 0000000..9562a1f
Binary files /dev/null and b/src/assets/weather/Cloudy .png differ
diff --git a/src/assets/weather/bigrain.png b/src/assets/weather/bigrain.png
new file mode 100644
index 0000000..b49a4de
Binary files /dev/null and b/src/assets/weather/bigrain.png differ
diff --git a/src/assets/weather/bigsnow.png b/src/assets/weather/bigsnow.png
new file mode 100644
index 0000000..6582d8b
Binary files /dev/null and b/src/assets/weather/bigsnow.png differ
diff --git a/src/assets/weather/gale.png b/src/assets/weather/gale.png
new file mode 100644
index 0000000..6092ae6
Binary files /dev/null and b/src/assets/weather/gale.png differ
diff --git a/src/assets/weather/hail.png b/src/assets/weather/hail.png
new file mode 100644
index 0000000..e34e8f9
Binary files /dev/null and b/src/assets/weather/hail.png differ
diff --git a/src/assets/weather/middlerain.png b/src/assets/weather/middlerain.png
new file mode 100644
index 0000000..6636746
Binary files /dev/null and b/src/assets/weather/middlerain.png differ
diff --git a/src/assets/weather/mieddlesnow.png b/src/assets/weather/mieddlesnow.png
new file mode 100644
index 0000000..4d7cc69
Binary files /dev/null and b/src/assets/weather/mieddlesnow.png differ
diff --git a/src/assets/weather/moon.png b/src/assets/weather/moon.png
new file mode 100644
index 0000000..2c0cd9f
Binary files /dev/null and b/src/assets/weather/moon.png differ
diff --git a/src/assets/weather/night.png b/src/assets/weather/night.png
new file mode 100644
index 0000000..a13837f
Binary files /dev/null and b/src/assets/weather/night.png differ
diff --git a/src/assets/weather/rain.png b/src/assets/weather/rain.png
new file mode 100644
index 0000000..874a09d
Binary files /dev/null and b/src/assets/weather/rain.png differ
diff --git a/src/assets/weather/rainlitter.png b/src/assets/weather/rainlitter.png
new file mode 100644
index 0000000..2de37be
Binary files /dev/null and b/src/assets/weather/rainlitter.png differ
diff --git a/src/assets/weather/rainsnow.png b/src/assets/weather/rainsnow.png
new file mode 100644
index 0000000..194c877
Binary files /dev/null and b/src/assets/weather/rainsnow.png differ
diff --git a/src/assets/weather/rainstorm.png b/src/assets/weather/rainstorm.png
new file mode 100644
index 0000000..6510e52
Binary files /dev/null and b/src/assets/weather/rainstorm.png differ
diff --git a/src/assets/weather/sand.png b/src/assets/weather/sand.png
new file mode 100644
index 0000000..58d05c2
Binary files /dev/null and b/src/assets/weather/sand.png differ
diff --git a/src/assets/weather/shower.png b/src/assets/weather/shower.png
new file mode 100644
index 0000000..9c14047
Binary files /dev/null and b/src/assets/weather/shower.png differ
diff --git a/src/assets/weather/smog.png b/src/assets/weather/smog.png
new file mode 100644
index 0000000..bf18a91
Binary files /dev/null and b/src/assets/weather/smog.png differ
diff --git a/src/assets/weather/snow.png b/src/assets/weather/snow.png
new file mode 100644
index 0000000..f1ee135
Binary files /dev/null and b/src/assets/weather/snow.png differ
diff --git a/src/assets/weather/sun.png b/src/assets/weather/sun.png
new file mode 100644
index 0000000..29978c5
Binary files /dev/null and b/src/assets/weather/sun.png differ
diff --git a/src/assets/weather/thunder.png b/src/assets/weather/thunder.png
new file mode 100644
index 0000000..0e22d42
Binary files /dev/null and b/src/assets/weather/thunder.png differ