头部

liuqimichale
1 parent 4b9eedc9
Showing 4 changed files with 12 additions and 5 deletions
src/components/VHeader.vue
src/images/header/bg.jpg → src/images/bg.jpg
src/images/header/headerbg.png
src/style/reset.css
 <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>
@@ -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%;*/