From d619d5db95142389e0bc3d2ed4e3e7a06bf40da4 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Tue, 7 Jan 2020 10:18:27 +0800
Subject: [PATCH] banner

---
 src/assets/css/commonCss/reset.css | 15 +++++++++++++++
 src/views/home/index.vue           | 52 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 66 insertions(+), 1 deletion(-)

diff --git a/src/assets/css/commonCss/reset.css b/src/assets/css/commonCss/reset.css
index e2fcea7..930a8d5 100644
--- a/src/assets/css/commonCss/reset.css
+++ b/src/assets/css/commonCss/reset.css
@@ -141,3 +141,18 @@ table {
   color: #F00;
 }
 
+.textCommonPadding{
+  padding: 49px 0;
+}
+.heading-text{
+  padding-bottom: 29px;
+  text-align: center;
+  font-size: 30px;
+  color: #0C51C0;
+}
+.des-text{
+  font-size: 14px;
+  color: #333;
+  text-align: center;
+}
+
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 87b2fbc..1c555cf 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,34 @@
 <template>
-    <div>首页</div>
+    <div>
+      <div class="banner-wrapper">
+
+
+        <ul class="widthCommon banner-text">
+          <li>
+            <div>覆盖城市</div>
+            <div>100<span>+</span></div>
+          </li>
+          <li>
+            <div>覆盖城市</div>
+            <div>100<span>+</span></div>
+          </li>
+          <li>
+            <div>覆盖城市</div>
+            <div>100<span>+</span></div>
+          </li>
+          <li>
+            <div>覆盖城市</div>
+            <div>100<span>+</span></div>
+          </li>
+        </ul>
+      </div>
+      <div class="widthCommon textCommonPadding">
+        <div class="heading-text">我们是谁?</div>
+        <div class="des-text">
+          公司主营业务面向城市智慧停车、公安交通、公共交通三大领域，为政府、企业、个人提供综合交通信息服务，通过交通规划、方案设计、系统建设、运营和服务，深度整合城市动静态交通数据，构建以物联网、互联网、云计算、大数据、人工智能为核心技术的产品研发、生产、系统建设和维护为一体的城市级动静态交通业务生态服务体系。
+        </div>
+      </div>
+    </div>
 </template>
 
 <script>
@@ -9,5 +38,26 @@ export default {
 </script>
 
 <style scoped lang="">
+  .banner-wrapper{
+    height: 761px;
+    background:rgba(0,0,0,.58);
+    position: relative;
+  }
+  .banner-text{
+    height: 143px;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+  }
+  .banner-text li{
+    flex: 1;
+    height: 71px;
+    line-height: 71px;
+    font-size: 30px;
+    color: #FFF;
+    text-align: center;
+  }
 
 </style>
--
libgit2 0.21.4