金典案例

liuqimichale
1 parent 79f0ef81
Showing 7 changed files with 84 additions and 9 deletions
src/assets/images/home/case1.png
src/assets/images/home/case2.png
src/assets/images/home/case3.png
src/assets/images/home/case4.png
src/assets/images/home/case5.png
src/assets/images/home/case6.png
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);