From 49ed5b0732f89b01cadf798cf140ed5a86585236 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Thu, 7 Mar 2019 15:26:57 +0800
Subject: [PATCH] headertime

---
 index.html                       |  2 +-
 src/components/VHeader.vue       | 31 ++++++++++++++++++++++++++-----
 src/images/header/headertime.png | Bin 0 -> 3325 bytes
 src/utils/formate.js             | 15 +++++++++++++++
 4 files changed, 42 insertions(+), 6 deletions(-)
 create mode 100644 src/images/header/headertime.png
 create mode 100644 src/utils/formate.js
diff --git a/index.html b/index.html
index b1f63b6..e142b54 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>兰州沙盘</title>
     <link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">
-    <link rel="stylesheet" href="src/style/reset.css" >
+    <link href="src/style/reset.css" rel="stylesheet" type="text/css" />
     <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cuMSxNl5LOY6sf1M3nDGtG6tGXl5a0Bb"></script>
   </head>
   <body>
diff --git a/src/components/VHeader.vue b/src/components/VHeader.vue
index 0285c8c..19bec14 100644
--- a/src/components/VHeader.vue
+++ b/src/components/VHeader.vue
@@ -1,25 +1,46 @@
 <template>
     <header class="header-wrap">
         <span>车场实时概况</span>
+        <div class="header-time">{{headerTime}}</div>
     </header>
 </template>
 
 <script>
+import { formateTime } from "../utils/formate";
+
 export default {
   name: 'VHeader',
-
+  data() {
+    return {
+      headerTime: formateTime()
+    }
+  }
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
     header {
         height: 65px;
-        line-height: 65px;
         text-align: center;
-        font-size: 32px;
+        position: relative;
         background-image: url("../images/header/headerbg.png");
         background-repeat: no-repeat;
         background-position: center center;
-
+        >span{
+            font-size: 32px;
+            line-height: 75px;
+        }
+        .header-time{
+            width: 128px;
+            height: 35px;
+            line-height: 18px;
+            position: absolute;
+            right: 10px;
+            top:16px;
+            padding-left: 45px;
+            text-align: left;
+            background:url("../images/header/headertime.png") no-repeat 0 center;
+            background-size: 35px 35px;
+        }
     }
 </style>
diff --git a/src/images/header/headertime.png b/src/images/header/headertime.png
new file mode 100644
index 0000000..4dfe5fa
Binary files /dev/null and b/src/images/header/headertime.png differ
diff --git a/src/utils/formate.js b/src/utils/formate.js
new file mode 100644
index 0000000..74f29f3
--- /dev/null
+++ b/src/utils/formate.js
@@ -0,0 +1,15 @@
+function formateTime() {
+  let date = new Date()
+  let str = ''
+  let year = date.getFullYear()
+  let month = date.getMonth()+1<10? "0"+ (date.getMonth()+1) : date.getMonth()+1
+  let day = date.getDate()<10 ? "0"+date.getDate() : date.getDate
+  let hours = date.getHours()<10? "0"+date.getHours() : date.getHours()
+  let minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
+  let seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
+
+  str = year +"-"+ month +"-"+day  +hours+":"+minutes+":"+seconds
+  return str
+}
+
+export  { formateTime }
--
libgit2 0.21.4

