【ADD】-制修订-各年应完成项目情况\各SC历年应完成项目情况 两个柱、折线图的开发;

src/views/screen/HomePage.vue

@@ -2,6 +2,7 @@
   <div class="screen-home-page">
     <!-- 上面的头部-->
     <div class="header">
+      <img src="../../assets/screen/header_bg.png" alt="">
       <span class="title">中国汽车标准化研究院运营管理</span>
     </div>
     <!-- 来款-->
@@ -47,18 +48,26 @@ export default {
   min-width: 1200px;
   overflow: auto;
   box-sizing: border-box;
+  position: relative;
 }
 
 .header{
-  background-image: url("../../assets/screen/header_bg.png");
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  height: 238px;
+  //background-image: url("../../assets/screen/header_bg.png");
+  //background-repeat: no-repeat;
+  //background-size: 100% 100%;
+  height: 162px;
   display: flex;
   justify-content: center;
+  img{
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 162px;
+    width: 100%;
+  }
   span.title{
     display: inline-block;
-    margin-top: 30px;
+    margin-top: 21px;
     //width: 812px;
     height: 42px;
     font-size: 42px;
@@ -79,7 +88,7 @@ export default {
       height: 67px;
       background-image: url("../../assets/screen/header_left.png");
       left: -137px;
-      top: -30px;
+      top: 0;
     }
     &::after {
       content: '';
@@ -89,7 +98,7 @@ export default {
       height: 67px;
       background-image: url("../../assets/screen/header_right.png");
       right: -137px;
-      top: -30px;
+      top: 0;
     }
   }