新闻动态修改

liuqimichale
1 parent f7d464bd
Showing 8 changed files with 101 additions and 5 deletions
css/portfollo.css
images/portfolio-Patrol-1.png
images/portfolio-Patrol-2.png
images/portfolio-Patrol-wrap.png
images/portfolio-soft-wrap-4-active.png
images/portfolio-soft-wrap-4.png
js/portfollo.js
portfolio.html
@@ -42,6 +42,11 @@
     background: url("../images/portfolio-soft-wrap-3.png") no-repeat center 0;
 }
+.portfolio-soft-wrap li:nth-of-type(4){
+    padding-top: 60px;
+    background: url("../images/portfolio-soft-wrap-4.png") no-repeat center 0;
+
+}
 .portfolio-soft-wrap li:nth-of-type(1).active{
     color: #3F9FFE;
     padding-bottom: 10px;
@@ -60,6 +65,12 @@
     /*border-bottom: 3px solid rgba(63,159,254,1);*/
     background: url("../images/portfolio-soft-wrap-3-active.png") no-repeat center 0;
 }
+.portfolio-soft-wrap li:nth-of-type(4).active{
+    color: #3F9FFE;
+    padding-bottom: 10px;
+    /*border-bottom: 3px solid rgba(63,159,254,1);*/
+    background: url("../images/portfolio-soft-wrap-4-active.png") no-repeat center 0;
+}
 .portfolio-section-wrap{
     min-height: 596px;
@@ -101,7 +112,14 @@
      background-size: 100% 70%;
      overflow: hidden;
  }
-#portfolio-rnt{
+.portfolio-Patrol-wrap{
+    height: 500px;
+    float: left;
+    background: url("../images/portfolio-rnt.png") no-repeat -35px 0;
+    overflow: hidden;
+
+}
+#portfolio-rnt,#portfolio-Patrol{
     width: 300px;
     height: 500px;
     margin-left: 200px;
@@ -191,6 +209,19 @@
     background: url("../images/portfolio-analysis4.png") no-repeat ;
     background-size: 100% 100%;
 }
+
+#portfolio-Patrol .portfolio-analysis1{
+    width:100%;
+    height: 500px;
+    background: url("../images/portfolio-Patrol-1.png") no-repeat ;
+    background-size: 100% 100%;
+}
+#portfolio-Patrol .portfolio-analysis2{
+    width:100%;
+    height: 500px;
+    background: url("../images/portfolio-Patrol-2.png") no-repeat ;
+    background-size: 100% 100%;
+}
 .ortfolio-soft-bottom-1 li:nth-of-type(2){
     padding-left: 100px;
 }
@@ -66,6 +66,27 @@ $(&#39;#portfolio-soft-wrap li&#39;).on(&#39;click&#39;,function () {
     })
   }
+  if (_index == 3){
+    new Swiper ('#portfolio-Patrol', {
+      direction: 'horizontal',
+      loop: true,
+      speed: 500, //设置轮播时长 可以不设置 会有个默认值
+      autoplay: true,//可选选项，自动滑动
+      // 如果需要分页器
+      pagination: {
+        el: '.swiper-pagination',
+        clickable:true
+      },
+      autoplay: {
+        disableOnInteraction: false,  //点击后继续轮播(这个很重要)
+        delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
+      },
+      // 如果需要前进后退按钮
+
+
+    })
+  }
+
 })
 //硬件
 $('#portfolio-hardware-wrap li').on('click',function () {
@@ -80,18 +80,23 @@
         <div class="row">
             <div class="section-title-name">软件产品</div>
             <ul class="portfolio-soft-wrap" id="portfolio-soft-wrap">
-                <li class="text-center col-md-4 col-xs-4 active">
+                <li class="text-center col-md-3 col-xs-3 active">
                     任你停
                     <div class="ai-success-stories-list-bar"></div>
                 </li>
-                <li class="text-center col-md-4 col-xs-4">
+                <li class="text-center col-md-3 col-xs-3">
                     企业云
                     <div class="ai-success-stories-list-bar displaynone"></div>
                 </li>
-                <li class="text-center col-md-4 col-xs-4">
+                <li class="text-center col-md-3 col-xs-3">
                     数据平台
                     <div class="ai-success-stories-list-bar displaynone"></div>
                 </li>
+                <li class="text-center col-md-3 col-xs-3">
+                    巡查收费
+                    <div class="ai-success-stories-list-bar displaynone"></div>
+                </li>
+
             </ul>
         </div>
     </div>
@@ -222,6 +227,45 @@
             </div>
         </section>
     </li>
+    <li class="displaynone">
+        <section class="padding20-0-70">
+            <div class="container">
+                <ul class="row ortfolio-soft-bottom-3">
+                    <div  class="portfolio-Patrol-wrap col-md-6 mediumdisplaynone">
+                        <li class="text-center swiper-container" id="portfolio-Patrol">
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide portfolio-analysis1">
+
+                                </div>
+                                <div class="swiper-slide portfolio-analysis2">
+
+                                </div>
+                                <!--<div class="swiper-slide portfolio-analysis3">-->
+
+                                <!--</div>-->
+                                <!--<div class="swiper-slide portfolio-analysis4">-->
+
+                                <!--</div>-->
+                            </div>
+                        </li>
+                    </div>
+                    <li class="text-center col-md-6 ">
+                        <div class="ortfolio-soft-bottom-title">
+                            <span></span>收费端、巡查端APP
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            <span></span>收费端提供车辆入场扫牌、在停车辆统计、车辆出场收费，欠费补交，停车记录查询、小票打印等功能；可以帮助收费员快速进行车辆的录入和出场
+                        </div>
+                        <div class="ortfolio-soft-bottom-des">
+                            <span></span>巡查端提供巡查任务实时执行、车位巡查、设备巡查、人员巡查、地图联动等功能。可以帮助巡查员实时接收巡查任务，以及巡查情况及时上报；帮助巡查员高效地完成巡查工作
+                        </div>
+
+                    </li>
+
+                </ul>
+            </div>
+        </section>
+    </li>
 </ul>
 <!--软件平台 end-->
 <!--硬件平台 sta-->
@@ -456,6 +500,6 @@
 <script type="text/javascript" src="js/gmaps.min.js"></script>
 <script type="text/javascript" src="js/nav-footer.js"></script>
 <script src="js/main.js?a=2"></script>
-<script src="js/portfollo.js?a=1"></script>
+<script src="js/portfollo.js"></script>
 </body>
 </html>