From f63aa685ee4f4691802a02661847c3894544e039 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Mon, 6 Jan 2020 16:50:31 +0800
Subject: [PATCH] 公共底部

---
 src/App.vue                                   | 15 ++++++++++-----
 src/assets/css/commonCss/reset.css            | 11 +++++++++++
 src/assets/images/header/iphone-bg.png        | Bin 0 -> 3878 bytes
 src/assets/images/header/nav-bg.png           | Bin 0 -> 32836 bytes
 src/components/commonHeaderFooter/VFooter.vue |  2 +-
 src/components/commonHeaderFooter/VHeader.vue | 42 +++++++++++++++++++++++++++++++++++++++++-
 6 files changed, 63 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/images/header/iphone-bg.png
 create mode 100644 src/assets/images/header/nav-bg.png

diff --git a/src/App.vue b/src/App.vue
index 4648bce..0742e4c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,23 +25,28 @@ export default {
     font-family: 'Avenir', Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    text-align: center;
-    color: #2c3e50;
   }
 
   .header {
-    height: 100px;
+    height: 145px;
   }
 
   .main {
-    padding-bottom: 100px;
+    padding-bottom: 50px;
   }
 
   .footer {
     width: 100%;
-    height: 100px;
+    height: 50px;
+    line-height: 50px;
     position: absolute;
     bottom: 0;
+    border-top: 1px solid rgba(188,188,188,1);
+    font-size:14px;
+    text-align: center;
+    font-family:Microsoft YaHei;
+    font-weight:400;
+    color:rgba(51,51,51,1);
   }
 
 </style>
diff --git a/src/assets/css/commonCss/reset.css b/src/assets/css/commonCss/reset.css
index 5ce6b55..cfadac7 100644
--- a/src/assets/css/commonCss/reset.css
+++ b/src/assets/css/commonCss/reset.css
@@ -101,6 +101,17 @@ table {
 .clearfix {
   *zoom: 1;
 }
+.fl{
+  float: left;
+}
+.fr{
+  float: right;
+}
+/*公共宽度*/
+.widthCommon{
+  width: 1440px;
+  margin: 0 auto;
+}
 
 /*隐藏*/
 .dn {
diff --git a/src/assets/images/header/iphone-bg.png b/src/assets/images/header/iphone-bg.png
new file mode 100644
index 0000000..b82e2b0
Binary files /dev/null and b/src/assets/images/header/iphone-bg.png differ
diff --git a/src/assets/images/header/nav-bg.png b/src/assets/images/header/nav-bg.png
new file mode 100644
index 0000000..ac02c0c
Binary files /dev/null and b/src/assets/images/header/nav-bg.png differ
diff --git a/src/components/commonHeaderFooter/VFooter.vue b/src/components/commonHeaderFooter/VFooter.vue
index 75837a6..a6fae78 100644
--- a/src/components/commonHeaderFooter/VFooter.vue
+++ b/src/components/commonHeaderFooter/VFooter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>2</div>
+    <div>Copyright © 2008-2014. ZTE ITS LIMITED.     苏ICP备17052208号-1 </div>
 </template>
 
 <script>
diff --git a/src/components/commonHeaderFooter/VHeader.vue b/src/components/commonHeaderFooter/VHeader.vue
index d7f5c12..a3752f0 100644
--- a/src/components/commonHeaderFooter/VHeader.vue
+++ b/src/components/commonHeaderFooter/VHeader.vue
@@ -1,5 +1,17 @@
 <template>
-    <div>1</div>
+    <div>
+      <div class="iphone-bg">
+        <div class="widthCommon iphone">全国客服热线：400 690 0889</div>
+      </div>
+
+      <div class="nav-wrapper widthCommon">
+        <ul class="fr nav-main">
+          <li>首页</li>
+          <li>关于我们</li>
+          <li>联系我们</li>
+        </ul>
+      </div>
+    </div>
 </template>
 
 <script>
@@ -9,5 +21,33 @@ export default {
 </script>
 
 <style scoped lang="">
+  .iphone-bg{
+    height:37px;
+    line-height: 37px;
+    background:rgba(234,234,234,1);
+  }
+  .iphone{
+    padding-left: 30px;
+    background: url("../../assets/images/header/iphone-bg.png") no-repeat 0 7px;
+    background-size: 22px 22px;
+  }
+  .nav-wrapper{
+    height: 108px;
+    line-height: 108px;
+    background: url("../../assets/images/header/nav-bg.png") no-repeat 0 center;
+    background-size: 183px 66px;
+    color: #333333;
+  }
+  .nav-main{
+
+  }
+  .nav-main
+    li{
+    height: 108px;
+    height: 108px;
+      float: left;
+    font-size: 20px;
+    }
+
 
 </style>
--
libgit2 0.21.4