解决方案

liuqimichale
1 parent d9faa14e
Showing 9 changed files with 114 additions and 4 deletions
webintroduce/src/assets/images/solution/banner.png
webintroduce/src/assets/images/solution/plan.png
webintroduce/src/assets/images/solution/summary-list01.png
webintroduce/src/assets/images/solution/summary-list02.png
webintroduce/src/assets/images/solution/summary-list03.png
webintroduce/src/components/Vbanner.vue
webintroduce/src/views/enterprise.vue
webintroduce/src/views/government.vue
webintroduce/src/views/solution.vue
@@ -3,6 +3,7 @@
     <div class="banner-des">
       <p class="banner-title">{{bannerTitle}}</p>
       <p class="banner-sub-title">{{subTitle}}</p>
+      <p class="line" :style="{width:lineWidth,height:lineHeight}"></p>
     </div>
   </div>
 </template>
@@ -13,7 +14,9 @@ export default {
   props:{
     bannerTitle:String,
     subTitle:String,
-    bannerBg:String
+    bannerBg:String,
+    lineWidth:String,
+    lineHeight:String
   }
 }
 </script>
@@ -30,7 +33,7 @@ export default {
     width: 1100px;
     color: $baseColor;
     @include pos-middle;
-    border-bottom: 1px solid #fff;
+    /*border-bottom: 1px solid #fff;*/
   }
  
   .banner-title {
@@ -42,4 +45,8 @@ export default {
     font-size: 42px;
     color: rgba(255, 255, 255, .8);
   }
+  .line{
+    margin: 0 auto;
+    background: #fff;
+  }
 </style>
@@ -2,6 +2,8 @@
   <div>
     <Vbanner
       v-bind:bannerBg="bannerImg"
+      lineWidth="1100px"
+      lineHeight="1px"
       bannerTitle="城市级智慧停车运营管理云平台"
       subTitle="一城一网一平台 一车一位一编号"
     ></Vbanner>
@@ -2,6 +2,8 @@
   <div>
     <Vbanner
       v-bind:bannerBg="bannerImg"
+      lineWidth="1100px"
+      lineHeight="1px"
       bannerTitle="城市级智慧停车管理数据中心"
       subTitle="物联网+互联网+云计算+大数据"
     ></Vbanner>
 <template>
-    <div>解决方案</div>
+  <div>
+    <Vbanner
+      v-bind:bannerBg="bannerImg"
+      lineWidth="141px"
+      lineHeight="6px"
+      bannerTitle="城市级智慧停车运营管理云平台"
+      subTitle="一城一网一平台 一车一位一编号"
+    ></Vbanner>
+
+    <div class="summary">
+      <p class="summary-title">城市级智慧停车解决方案</p>
+      <p class="summary-des">
+        城市级智慧停车管理解决方案2.0，综合利用人工智能、物联网、大数据以及互联网技术，深度整合城市动静态交通资源，挖掘城市交通数据信息，针对城市“停车难”，搭建城市级停车管理数据中心以及数据管理云平台，为政府停车管理部门提供城市停车治理数据决策支撑，规范城市停车秩序，提升城市文明形象；为车场运营企业提供先进的停车管理手段，提高车场运营效率以及收益；为车主提供“任你停”APP，有效减少停车时间，提升智能出行体验。
+      </p>
+      <ul class="summary-list">
+        <li>
+          <span>停车规划</span>
+        </li>
+        <li>
+          <span>停车建设</span>
+        </li>
+        <li>
+          <span>停车运营</span>
+        </li>
+      </ul>
+    </div>
+
+    <div>
+      <p class="plan-title">城市停车规划</p>
+
+      <p class="build-title">城市停车规划</p>
+    </div>
+
+
+
+  </div>
 </template>
  
 <script>
+import Vbanner from '../components/Vbanner'
+
 export default {
-  name: 'VSolution'
+  name: 'VSolution',
+  components: {
+    Vbanner
+  },
+  data() {
+    return {
+      bannerImg: require('../assets/images/solution/banner.png'),
+    }
+  }
 }
 </script>
  
 <style scoped lang="scss">
+  .summary {
+    height: 640px;
+    background: rgba(247, 248, 250, 1);
+  }
+
+  .summary-title {
+    font-size: 32px;
+    padding: 82px 0 35px;
+  }
+
+  .summary-des{
+    width:953px;
+    margin: 0 auto;
+    font-size:16px;
+    font-weight:500;
+    color:rgba(0,0,0,.6);
+    line-height:28px;
+  }
+  .summary-list{
+    width: 1200px;
+    margin: 20px auto 0;
+    li{
+      width: 250px;
+      height: 250px;
+      float: left;
+      padding-top: 155px;
+      font-size: 35px;
+      &:nth-of-type(1){
+        background: url("../assets/images/solution/summary-list01.png") no-repeat;
+        background-size: 100% 100%;
+        color:rgba(242,188,98,1);
+      }
+      &:nth-of-type(2){
+        margin:0 195px;
+        background: url("../assets/images/solution/summary-list02.png") no-repeat;
+        background-size: 100% 100%;
+        color:rgba(89,165,181,1);
+      }
+      &:nth-of-type(3){
+        background: url("../assets/images/solution/summary-list03.png") no-repeat;
+        background-size: 100% 100%;
+        color:rgba(239,94,62,1);
+      }
+    }
+  }
  
+  .plan-title{
+    padding: 74px 0 400px;
+    font-size:32px;
+    background: url("../assets/images/solution/plan.png") no-repeat center   100px;
+  }
+  .build-title{
+    padding-bottom: 30px;
+    font-size: 32px;
+  }
 </style>