diff --git a/src/App.vue b/src/App.vue
index 91a4e5b..ec357d5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,3 +1,4 @@
+
 <template>
   <div id="app">
     <div class="top">
@@ -11,12 +12,19 @@
         </div>
       </div>
       <div class="topCenter">
-        <div class="topText" text="国网南京雨花供电营业厅">
-          国网南京雨花供电营业厅
+        <div class="topText">
+          <img src="./assets/images/topText.png"/>
         </div>
         
       </div>
-      <div class="topRight"></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>
     <div class="main">
       <router-view /> 
@@ -52,7 +60,7 @@ export default {
 <style lang="less" scoped>
 .top{
   width: 100%;
-  height: 93px;
+  height: 8.6%;
   display: flex;
   jjustify-content: space-evenly;
   .topLeft{
@@ -74,29 +82,24 @@ export default {
     justify-content: center;
     .topText{
       height: 65%;
-      font-size: 35px;
       display: flex;
       align-items: center;
-      color: #ffffff;
-    }
-      .topText:before{
-        content: attr(text);
-        position: absolute;
-        z-index: 10;
-        color:rgb(86, 254, 246);
-        -webkit-mask:linear-gradient(to top , transparent,);
     }
   }
   .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{
-  height: calc(1080px - 93px);
+  height: calc(100% - 8.6%);
   width: 100%;
   position: relative;
-  top: -40px;
+  top: -3.8%;
 }
 </style>
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
diff --git a/src/view/index.vue b/src/view/index.vue
index 1903c2e..b913088 100644
--- a/src/view/index.vue
+++ b/src/view/index.vue
@@ -51,16 +51,15 @@ methods:{
 
 <style>
 .content{
-    /* width: 100%;
-     */
+    width: 100%;
      height: 100%;
      position: relative;
 }
 .left-content,.right-content{
     position: absolute;
-    width: 396px;
+    width: 20.6%;
     top: 0;
-    height: 980px;
+    height: 100%;
     /* background-color: aqua; */
 }
 /* 内容板块背景 */
@@ -70,23 +69,23 @@ methods:{
     margin-bottom: 5px;
 }
 .left-content .business-hall{
-    height: 378px;
+    height: 38.2%;
     
 }
 .left-content .passenger-flow{
-    height: 392px;
+    height: 39.7%;
 }
 .left-content .hall-statistics{
-    height: 197px;
+    height: 20.4%;
 }
 .right-content .payment{
-    height: 378px;
+    height: 38.3%;
 }
 .right-content .business-acceptance{
-    height: 296px;
+    height: 30%;
 }
 .right-content .service{
-    height: 296px;
+    height: 30%;
 }
 .right-content{
     right: 0;