解决方案

liuqimichale
1 parent 9cb902b2
Showing 9 changed files with 78 additions and 2 deletions
src/App.vue
src/assets/css/commonCss/reset.css
src/assets/images/solution/solution1.png
src/assets/images/solution/solution2.png
src/assets/images/solution/solution3.png
src/assets/images/solution/solution4.png
src/assets/images/solution/solution5.png
src/views/solution/components/solutionSelect0.vue
src/views/solution/index.vue
@@ -25,6 +25,8 @@ export default {
     font-family: 'Avenir', Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
+    color: #333;
+    font-size: 14px;
   }
  
   .header {
@@ -101,6 +101,9 @@ table {
 .clearfix {
   *zoom: 1;
 }
+.overHidden{
+  overflow: hidden;
+}
 .fl{
   float: left;
 }
 <template>
-    <div>0</div>
+    <div>
+      <div class="widthCommon" style="padding: 50px 0">
+        <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">城市级智慧停车管理解决方案</p>
+        <ul class="overHidden">
+          <li class="fl">
+            <img src="../../../assets/images/solution/solution1.png" width="447px" height="278px">
+          </li>
+          <li class="fl" style="width: 392px;margin-left: 166px;">
+            <p style="font-size: 18px;padding: 40px 0;">城市级智慧停车静态数据中心</p>
+            <p style="font-size: 14px;line-height: 20px">深度刻画城市级停车面貌，挖掘城市停车治理问题，提供数据以及决策支撑，有效提升城市停车治理效率，减少城市核心区道路拥堵，提高城市交通治理水平。</p>
+          </li>
+        </ul>
+      </div>
+      <div class="bgCommon" style="padding: 50px 0">
+        <div class="widthCommon">
+          <ul class="overHidden">
+
+            <li class="fl" style="width: 392px;">
+              <p style="font-size: 18px;padding: 40px 0;">城市级智慧停车管理云平台</p>
+              <p style="font-size: 14px;line-height: 20px">推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题。</p>
+            </li>
+            <li class="fl" style="margin-left: 166px;">
+              <img src="../../../assets/images/solution/solution2.png" width="447px" height="278px">
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="widthCommon" style="padding: 50px 0">
+        <ul class="overHidden">
+          <li class="fl" style="">
+            <img src="../../../assets/images/solution/solution3.png" width="447px" height="278px">
+          </li>
+
+          <li class="fl" style="width: 392px;margin-left: 166px;">
+            <p style="font-size: 18px;padding: 40px 0;">路内停车管理</p>
+            <p style="font-size: 14px;line-height: 20px">实时采集路侧车位状态，精确记录停车时长，后台实时监管，有效杜绝跑冒滴漏。</p>
+          </li>
+
+        </ul>
+      </div>
+
+      <div class="bgCommon" style="padding: 50px 0">
+        <div class="widthCommon">
+          <ul class="overHidden">
+
+            <li class="fl" style="width: 392px;">
+              <p style="font-size: 18px;padding: 40px 0;">封闭式停车无人值守管理</p>
+              <p style="font-size: 14px;line-height: 20px">无人值守，降低人工运营成本，提高车场收益。。</p>
+            </li>
+            <li class="fl" style="margin-left: 166px;">
+              <img src="../../../assets/images/solution/solution4.png" width="447px" height="278px">
+            </li>
+          </ul>
+        </div>
+      </div>
+
+      <div class="widthCommon" style="padding: 50px 0">
+        <ul class="overHidden">
+          <li class="fl" style="">
+            <img src="../../../assets/images/solution/solution5.png" width="447px" height="278px">
+          </li>
+
+          <li class="fl" style="width: 392px;margin-left: 166px;">
+            <p style="font-size: 18px;padding: 40px 0;">城市停车诱导系统</p>
+            <p style="font-size: 14px;line-height: 20px">实时交通路况展示（红、黄、绿），停车场剩余泊位实时更新，城市停车三级诱导，减少停车时长，提高停车效率，缓解局部交通微循环，减少拥堵。</p>
+          </li>
+
+        </ul>
+      </div>
+
+    </div>
 </template>
  
 <script>
@@ -17,7 +17,7 @@
           您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 经典案例 -> {{name}}
         </div>
       </div>
-      <div class="widthCommon">
+      <div class="">
         <keep-alive>
           <component :is="tabView"></component>
         </keep-alive>