From 9e852fae9b689229f7d3a8be7d341637a8cbe1f9 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Tue, 7 Jan 2020 15:37:33 +0800
Subject: [PATCH] 金典案例

---
 src/assets/images/home/case1.png | Bin 0 -> 1044408 bytes
 src/assets/images/home/case2.png | Bin 0 -> 793133 bytes
 src/assets/images/home/case3.png | Bin 0 -> 892556 bytes
 src/assets/images/home/case4.png | Bin 0 -> 863772 bytes
 src/assets/images/home/case5.png | Bin 0 -> 1030847 bytes
 src/assets/images/home/case6.png | Bin 0 -> 704109 bytes
 src/views/home/index.vue         | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------
 7 files changed, 84 insertions(+), 9 deletions(-)
 create mode 100644 src/assets/images/home/case1.png
 create mode 100644 src/assets/images/home/case2.png
 create mode 100644 src/assets/images/home/case3.png
 create mode 100644 src/assets/images/home/case4.png
 create mode 100644 src/assets/images/home/case5.png
 create mode 100644 src/assets/images/home/case6.png

diff --git a/src/assets/images/home/case1.png b/src/assets/images/home/case1.png
new file mode 100644
index 0000000..9f99a8c
Binary files /dev/null and b/src/assets/images/home/case1.png differ
diff --git a/src/assets/images/home/case2.png b/src/assets/images/home/case2.png
new file mode 100644
index 0000000..8d5524c
Binary files /dev/null and b/src/assets/images/home/case2.png differ
diff --git a/src/assets/images/home/case3.png b/src/assets/images/home/case3.png
new file mode 100644
index 0000000..5f757c0
Binary files /dev/null and b/src/assets/images/home/case3.png differ
diff --git a/src/assets/images/home/case4.png b/src/assets/images/home/case4.png
new file mode 100644
index 0000000..349d9e7
Binary files /dev/null and b/src/assets/images/home/case4.png differ
diff --git a/src/assets/images/home/case5.png b/src/assets/images/home/case5.png
new file mode 100644
index 0000000..6e549ac
Binary files /dev/null and b/src/assets/images/home/case5.png differ
diff --git a/src/assets/images/home/case6.png b/src/assets/images/home/case6.png
new file mode 100644
index 0000000..2a71871
Binary files /dev/null and b/src/assets/images/home/case6.png differ
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f1e10af..8205400 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -53,13 +53,69 @@
       <div class="case-wrapper textCommonPadding">
         <div class="heading-text" style="color: #000">经典案例</div>
         <ul class="case-main">
-          <li>1</li>
-          <li>1</li>
-          <li>1</li>
-          <li>1</li>
-          <li>1</li>
-          <li>1</li>
-          <li>1</li>
+          <li>
+            <img src="../../assets/images/home/case1.png" alt="">
+          </li>
+          <li>
+            <p>丹阳项目</p>
+            <div>
+              <span>总投资1.47亿元人民币</span>
+              <span>15年停车位、数据中心特许经营权</span>
+              <span>智慧城市总体建设（占股18%）</span>
+            </div>
+          </li>
+          <li>
+            <img src="../../assets/images/home/case2.png" alt="">
+          </li>
+          <li>
+            <p>赤峰项目</p>
+            <div>
+              <span> 总投资10亿元人民币</span>
+              <span>25年停车位收入特许经营权</span>
+              <span>总计可接入车位规模3~4万个</span>
+              <span>所有政府的公共停车位资源</span>
+            </div>
+          </li>
+          <li>
+            <img src="../../assets/images/home/case3.png" alt="">
+          </li>
+          <li>
+            <p>扬中</p>
+            <div>
+              <span>总投资3500万元人民币20年停车位</span>
+              <span>特许经营权总计可接入车位1万个</span>
+            </div>
+          </li>
+
+          <li>
+            <img src="../../assets/images/home/case4.png" alt="">
+          </li>
+          <li>
+            <p>秦皇岛智能交通项目</p>
+            <div>
+              <span>建设总规模达7000余万，建设涵盖“一个中心、九个子系统”，秦皇岛重点警卫保障的有力支撑。</span>
+            </div>
+          </li>
+          <li>
+            <img src="../../assets/images/home/case5.png" alt="">
+          </li>
+          <li>
+            <p>黄石市智慧停车建设项目</p>
+            <div>
+              <span>总投资 5300万元</span>
+              <span>建设内容涵盖指挥中心、路内、路外停车场建设以及主、次干路停车诱导建设，可接入停车泊位数量近1万个。</span>
+            </div>
+          </li>
+          <li>
+            <img src="../../assets/images/home/case6.png" alt="">
+          </li>
+          <li>
+            <p>重庆市万盛智慧交通项目</p>
+            <div>
+              <span>涵盖公交智能调度、路政执法、智慧公路、公共交通行业监管、公共交通辅助决策分析等，实现城市级综合智慧交通大数据应用。</span>
+            </div>
+          </li>
+
         </ul>
 
       </div>
@@ -203,7 +259,7 @@ export default {
     left: 0;
   }
   .case-wrapper{
-    height: 1300px;
+    height: 1600px;
     background: url("../../assets/images/home/case-bg.png") no-repeat;
     background-size:100% 772px;
   }
@@ -215,8 +271,27 @@ export default {
     float: left;
     width: 460px;
     height: 357px;
-    background: #0C51C0;
     transition: ALL 0.4s ease-in-out;
+    background: #FFF;
+    font-size: 20px;
+    color: #333;
+  }
+  .case-main li img{
+    width: 100%;
+    height: 100%;
+  }
+  .case-main li p{
+    padding: 60px 0 50px 50px;
+    font-size: 30px;
+  }
+  .case-main li div{
+    padding-left: 50px;
+    padding-right: 20px;
+    font-size: 20px;
+  }
+  .case-main li div span{
+    display: block;
+    margin-bottom: 20px;
   }
   .case-main li:hover{
     transform: scale(1.2);
--
libgit2 0.21.4