From 50deb8e4997a2e2ff4a9b54647a7c3743ce769c1 Mon Sep 17 00:00:00 2001
From: chenbiao <chenbiao@zte-its.com>
Date: Thu, 9 May 2019 16:27:09 +0800
Subject: [PATCH] add common footer add footer images

---
 webintroduce/src/assets/images/footer_lx.png | Bin 0 -> 902 bytes
 webintroduce/src/assets/images/rnt_app.png   | Bin 0 -> 16672 bytes
 webintroduce/src/assets/images/rnt_gzh.png   | Bin 0 -> 16551 bytes
 webintroduce/src/components/VFooter.vue      | 118 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----
 4 files changed, 114 insertions(+), 4 deletions(-)
 create mode 100644 webintroduce/src/assets/images/footer_lx.png
 create mode 100644 webintroduce/src/assets/images/rnt_app.png
 create mode 100644 webintroduce/src/assets/images/rnt_gzh.png

diff --git a/webintroduce/src/assets/images/footer_lx.png b/webintroduce/src/assets/images/footer_lx.png
new file mode 100644
index 0000000..227a52f
Binary files /dev/null and b/webintroduce/src/assets/images/footer_lx.png differ
diff --git a/webintroduce/src/assets/images/rnt_app.png b/webintroduce/src/assets/images/rnt_app.png
new file mode 100644
index 0000000..58bd51a
Binary files /dev/null and b/webintroduce/src/assets/images/rnt_app.png differ
diff --git a/webintroduce/src/assets/images/rnt_gzh.png b/webintroduce/src/assets/images/rnt_gzh.png
new file mode 100644
index 0000000..e8c1742
Binary files /dev/null and b/webintroduce/src/assets/images/rnt_gzh.png differ
diff --git a/webintroduce/src/components/VFooter.vue b/webintroduce/src/components/VFooter.vue
index 3329b48..18172d3 100644
--- a/webintroduce/src/components/VFooter.vue
+++ b/webintroduce/src/components/VFooter.vue
@@ -1,18 +1,128 @@
 <template>
     <div class="footer-wrap">
-      <div class="contentWidth">123123</div>
+      <div class="contentWidth">
+        <!--底部 上半部 -->
+        <div class="footer-cont clearfix">
+          <div class="fl">
+            <div class="footer-title">联系我们</div>
+            <ul class="footer-links">
+              <li class="footer-tell">电  话: (0510) 66055077</li>
+              <li class="footer-adr">地  址: 江苏省无锡新区菱湖大道200号中国传感网国际创新园A座6层</li>
+              <li class="footer-email">E-mail: info@zte-its.com</li>
+            </ul>
+          </div>
+          <div class="footer-360 fr">
+            <div class="fl">
+              <div class="app-title">任你停APP</div>
+              <div class="footer-app"></div>
+            </div>
+            <div class="fl mr-l98">
+              <div class="app-title">任你停公众号</div>
+              <div class="footer-wx"></div>
+            </div>
+          </div>
+        </div>
+        <!--/* 版本号 */-->
+        <div class="copyright">Copyright © 2018. ZTE ITS LIMITED.  京ICP备18048325号-1</div>
+      </div>
     </div>
 </template>
 
 <script>
 export default {
-  name: 'VFooter'
+  name: 'VFooter',
+  data(){
+
+  }
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .footer-wrap{
-  height: 100px;
+  height:355px;
   background: #000;
+  .contentWidth{
+    width: 1200px;
+    margin: 0 auto;
+    /* 底部 上半部 */
+    .footer-cont{
+      height: 275px;
+      padding-top:52px;
+      width: 100%;
+      border-bottom: 1px solid rgba(255,255,255,.2);
+      .footer-title{
+        width:80px;
+        height:16px;
+        font-size:16px;
+        font-family:PingFang-SC-Medium;
+        font-weight:500;
+        color:rgba(255,255,255,1);
+        text-align: left;
+      }
+      .footer-links{
+        margin-top: 40px;
+        text-align: left;
+        >li{
+          height: 17px;
+          line-height: 17px;
+          margin-bottom: 17px;
+          font-size:14px;
+          text-indent: 30px;
+          font-family:PingFang-SC-Medium;
+          font-weight:500;
+          color:rgba(255,255,255,.5);
+        }
+        .footer-tell{
+          background: url("../assets/images/footer_lx.png") no-repeat;
+          background-position: 0px 0px;
+        }
+        .footer-adr{
+          background: url("../assets/images/footer_lx.png") no-repeat;
+          background-position: 0px -34px;
+        }
+        .footer-email{
+          background: url("../assets/images/footer_lx.png") no-repeat;
+          background-position: 0px -69px;
+        }
+      }
+      .footer-360{
+        width: 360px;
+        >div{
+          text-align: left;
+          width: 130px;
+          color: #fff;
+          height:16px;
+          font-size:16px;
+          font-family:PingFang-SC-Medium;
+          font-weight:500;
+        }
+        .app-title{
+          margin-bottom: 40px;
+        }
+        .footer-app{
+          width: 130px;
+          height: 130px;
+          background: url("../assets/images/rnt_app.png") no-repeat;
+        }
+        .footer-wx{
+          width: 130px;
+          height: 130px;
+          background: url("../assets/images/rnt_gzh.png") no-repeat;
+        }
+        .mr-l98{
+          margin-left: 98px;
+        }
+      }
+    }
+    /* 版本号 */
+    .copyright{
+      margin-top: 28px;
+      height:13px;
+      font-size:12px;
+      font-family:PingFang-SC-Medium;
+      font-weight:500;
+      color:rgba(255,255,255,.3);
+    }
+  }
 }
 </style>
--
libgit2 0.21.4