diff --git a/src/components/VHeader.vue b/src/components/VHeader.vue
index 0ebf643..0285c8c 100644
--- a/src/components/VHeader.vue
+++ b/src/components/VHeader.vue
@@ -1,5 +1,7 @@
 <template>
-  <header class="">toubu</header>
+    <header class="header-wrap">
+        <span>车场实时概况</span>
+    </header>
 </template>
 
 <script>
@@ -10,9 +12,14 @@ export default {
 </script>
 
 <style scoped>
-    header{
+    header {
         height: 65px;
         line-height: 65px;
-        background-color: #f00;
+        text-align: center;
+        font-size: 32px;
+        background-image: url("../images/header/headerbg.png");
+        background-repeat: no-repeat;
+        background-position: center center;
+
     }
 </style>
diff --git a/src/images/header/bg.jpg b/src/images/bg.jpg
index e67d1e6..e67d1e6 100644
--- a/src/images/header/bg.jpg
+++ b/src/images/bg.jpg
diff --git a/src/images/header/headerbg.png b/src/images/header/headerbg.png
new file mode 100644
index 0000000..ff9019e
--- /dev/null
+++ b/src/images/header/headerbg.png
diff --git a/src/style/reset.css b/src/style/reset.css
index c96675d..b1b6b63 100644
--- a/src/style/reset.css
+++ b/src/style/reset.css
@@ -50,7 +50,7 @@ body {
 html, body{
     height: 100%;width: 100%;
     font-family: "Microsoft YaHei";
-
+    color: #fff;
     user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
@@ -58,7 +58,7 @@ html, body{
     -moz-user-select: none;
 }
 body{
-    background: url("../images/header/bg.jpg") no-repeat;
+    background: url("../images/bg.jpg") no-repeat;
     background-size: 100% 100%;
     overflow: hidden;
     /*background-size:100% 100%;*/