Merge branch 'test' of http://192.168.1.195:9998/web_developers/webportal into test

Andy
2 parents b82d2a2a 2656ab95
Showing 18 changed files with 239 additions and 35 deletions
contact.html
css/contact.css
css/portfollo.css
images/breadcrumb-bg.jpg
images/breadcrumb-bg.png
images/contactside-bg.jpg
images/contactside-bg.png
images/portfolio-analysis1.png
images/portfolio-analysis2.png
images/portfolio-analysis3.png
images/portfolio-analysis4.png
images/portfolio-pc.png
images/portfolio-pc1.png
images/portfolio-pc2.png
images/portfolio-pc3.png
images/portfolio-pc4.png
js/portfollo.js
portfolio.html
@@ -93,20 +93,31 @@
             <div class="example-subtitle text-center">打造创新型停车场 轻松停车</div>
             <ul class="example-wrap" id="example-wrap">
                 <li class="text-center col-md-6 col-xs-12 example-wrap-dy example-wrap-main">
-                    <div>丹阳</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>丹阳</div>
+                        <div>智慧停车项目</div>
+                    </div>
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-cf example-wrap-main">
-                    <div>赤峰红山区</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>赤峰红山区</div>
+                        <div>智慧停车项目</div>
+                    </div>
+
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-yz example-wrap-main">
-                    <div>扬中</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>扬中</div>
+                        <div>智慧停车项目</div>
+                    </div>
+
                 </li>
                 <li class="text-center col-md-6 col-xs-12 example-wrap-empty example-wrap-main">
-                    <div>双流</div>
-                    <div>智慧停车项目</div>
+                    <div>
+                        <div>双流</div>
+                        <div>智慧停车项目</div>
+                    </div>
+
                 </li>
             </ul>
@@ -4,7 +4,7 @@
 .contactside-bg{
     width: 100%;
     height:540px;
-    background: url("../images/contactside-bg.png") no-repeat;
+    background: url("../images/contactside-bg.jpg") no-repeat;
     background-size: 100% 100%;
 }
 .contactside-bg p:nth-of-type(1){
@@ -55,13 +55,23 @@
     background: url("../images/example-wrap-empty.png") no-repeat center center;
     background-size: 90% 100%;
 }
-.example-wrap-main div:nth-of-type(1){
-
+.example-wrap-main>div{
+    width:200px;
+    height:119px;
+    background:rgba(73,164,254,.7);
+    position: relative;
+    left: 50%;
+    top:50%;
+    margin-left: -100px;
+    margin-top: -60px;
+}
+.example-wrap-main>div>div:nth-of-type(1){
+    padding: 20px 0 7px;
+    text-align: center;
     font-size:30px;
     color:rgba(255,255,255,1);
-    padding: 130px 0 10px;
 }
-.example-wrap-main div:nth-of-type(2){
+.example-wrap-main>div>div:nth-of-type(2){
     height: 20px;
     line-height: 20px;
     font-size:20px;
@@ -2,16 +2,20 @@
 .breadcrumb{
     width: 100%;
     height: 540px;
-    background:url('../images/breadcrumb-bg.png');
+    background:url('../images/breadcrumb-bg.jpg');
     background-size:100% 100%;
     background-repeat:no-repeat;
 }
 .breadcrumb-text{
+    width:832px;
+    height:79px;
+    margin: 200px auto;
     text-align: center;
-    padding-top: 210px;
+    line-height: 79px;
     color: #fff;
     font-size: 44px;
+    background-color: #3F9FFE;
 }
 #portfolio-soft-top{
     padding-bottom: 0;
@@ -70,22 +74,56 @@
     width: 50%;
     padding-left: 100px;
 }
+.ortfolio-soft-bottom-2>li:nth-of-type(1){
+    padding-left: 100px;
+}
+.ortfolio-soft-bottom-3>li:nth-of-type(1){
+    padding-left: 100px;
+}
 .ortfolio-soft-bottom-1>li:nth-of-type(1) .swiper-slide{
     height: 500px;
 }
-#portfolio-rnt-wrap{
+.portfolio-rnt-wrap{
     width: 50%;
     height: 500px;
     float: left;
     background: url("../images/portfolio-rnt.png") no-repeat -35px 0;
     overflow: hidden;
 }
+.portfolio-pc-wrap{
+    width: 50%;
+    height: 500px;
+    float: left;
+    background: url("../images/portfolio-pc.png") no-repeat center center;
+    background-size: 100% 70%;
+    overflow: hidden;
+}
+ .portfolio-analysis-wrap{
+     width: 50%;
+     height: 500px;
+     float: left;
+     background: url("../images/portfolio-pc.png") no-repeat center center;
+     background-size: 100% 70%;
+     overflow: hidden;
+ }
 #portfolio-rnt{
     width: 300px;
     height: 500px;
     margin-left: 215px;
     margin-top: 23px;
 }
+#portfolio-pc{
+    width: 473px;
+    height: 300px;
+    margin-left: 63px;
+    margin-top: 93px;
+}
+#portfolio-analysis{
+    width: 473px;
+    height: 300px;
+    margin-left: 63px;
+    margin-top: 93px;
+}
 #portfolio-rnt .portfolio-rnt1{
     width:100%;
     height: 500px;
@@ -106,20 +144,72 @@
     height: 500px;
     background: url("../images/portfolio-rnt4.png") no-repeat ;
 }
+
+#portfolio-pc .portfolio-pc1{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-pc1.png") no-repeat ;
+    background-size: 100% 100%;
+}
+
+#portfolio-pc .portfolio-pc2{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-pc2.png") no-repeat ;
+    background-size: 100% 100%;
+}
+
+#portfolio-pc .portfolio-pc3{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-pc3.png") no-repeat ;
+    background-size: 100% 100%;
+}
+
+#portfolio-pc .portfolio-pc4{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-pc4.png") no-repeat ;
+    background-size: 100% 100%;
+}
+#portfolio-analysis .portfolio-analysis1{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-analysis1.png") no-repeat ;
+    background-size: 100% 100%;
+}
+#portfolio-analysis .portfolio-analysis2{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-analysis2.png") no-repeat ;
+    background-size: 100% 100%;
+}
+#portfolio-analysis .portfolio-analysis3{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-analysis3.png") no-repeat ;
+    background-size: 100% 100%;
+}
+#portfolio-analysis .portfolio-analysis4{
+    width:100%;
+    height: 300px;
+    background: url("../images/portfolio-analysis4.png") no-repeat ;
+    background-size: 100% 100%;
+}
 .ortfolio-soft-bottom-1 li:nth-of-type(2){
     padding-left: 100px;
 }
-.ortfolio-soft-bottom-2 li:nth-of-type(1){
-    background: url("../images/ortfolio-soft-pc1.gif") no-repeat center center;
-    background-size: 100% 80%;
-}
+/*.ortfolio-soft-bottom-2 li:nth-of-type(1){*/
+    /*background: url("../images/ortfolio-soft-pc1.gif") no-repeat center center;*/
+    /*background-size: 100% 80%;*/
+/*}*/
 .ortfolio-soft-bottom-2 li:nth-of-type(2){
     padding-left:100px;
 }
-.ortfolio-soft-bottom-3 li:nth-of-type(1){
-    background: url("../images/ortfolio-soft-pc2.gif") no-repeat center center;
-    background-size: 100% 80%;
-}
+/*.ortfolio-soft-bottom-3 li:nth-of-type(1){*/
+    /*background: url("../images/ortfolio-soft-pc2.gif") no-repeat center center;*/
+    /*background-size: 100% 80%;*/
+/*}*/
 .ortfolio-soft-bottom-3 li:nth-of-type(2){
     padding-left:100px;
 }
@@ -5,6 +5,67 @@ $(&#39;#portfolio-soft-wrap li&#39;).on(&#39;click&#39;,function () {
     $('#portfolio-soft-wrap li').children('div').addClass('displaynone');
     $('#portfolio-soft-wrap li').eq(_index).children('div').removeClass('displaynone');
     $('#portfolio-section-wrap>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
+    if (_index == 0){
+      new Swiper ('#portfolio-rnt', {
+        direction: 'horizontal',
+        loop: true,
+        speed: 500, //设置轮播时长 可以不设置 会有个默认值
+        autoplay: true,//可选选项，自动滑动
+        // 如果需要分页器
+        pagination: {
+          el: '.swiper-pagination',
+          clickable:true
+        },
+        autoplay: {
+          disableOnInteraction: false,  //点击后继续轮播(这个很重要)
+          delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
+        },
+        // 如果需要前进后退按钮
+
+
+      })
+    }
+  if (_index == 1){
+    new Swiper ('#portfolio-pc', {
+      direction: 'horizontal',
+      loop: true,
+      speed: 500, //设置轮播时长 可以不设置 会有个默认值
+      autoplay: true,//可选选项，自动滑动
+      // 如果需要分页器
+      pagination: {
+        el: '.swiper-pagination',
+        clickable:true
+      },
+      autoplay: {
+        disableOnInteraction: false,  //点击后继续轮播(这个很重要)
+        delay: 1500,                       //自动轮播的每次的时间 可以不设置 会有个默认值
+      },
+      // 如果需要前进后退按钮
+
+
+    })
+  }
+  if (_index == 2){
+    new Swiper ('#portfolio-analysis', {
+      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 () {
@@ -17,7 +78,7 @@ $(&#39;#portfolio-hardware-wrap li&#39;).on(&#39;click&#39;,function () {
-var mySwiper = new Swiper ('#portfolio-rnt', {
+ new Swiper ('#portfolio-rnt', {
   direction: 'horizontal',
   loop: true,
   speed: 500, //设置轮播时长 可以不设置 会有个默认值
@@ -35,3 +96,5 @@ var mySwiper = new Swiper (&#39;#portfolio-rnt&#39;, {
 })
+
+
@@ -101,7 +101,7 @@
         <section class="padding20-0-70">
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-1">
-                    <div  id="portfolio-rnt-wrap">
+                    <div  class="portfolio-rnt-wrap">
                         <li class="text-center col-md-6 swiper-container" id="portfolio-rnt">
                                 <div class="swiper-wrapper">
                                     <div class="swiper-slide portfolio-rnt1">
@@ -143,23 +143,38 @@
         <section class="padding20-0-70">
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-2">
-                    <li class="text-center col-md-6">
+                    <div  class="portfolio-pc-wrap">
+                        <li class="text-center col-md-6 swiper-container" id="portfolio-pc">
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide portfolio-pc1">
-                    </li>
+                                </div>
+                                <div class="swiper-slide portfolio-pc2">
+
+                                </div>
+                                <div class="swiper-slide portfolio-pc3">
+
+                                </div>
+                                <div class="swiper-slide portfolio-pc4">
+
+                                </div>
+                            </div>
+                        </li>
+                    </div>
                     <li class="text-center col-md-6">
                         <div class="ortfolio-soft-bottom-title">
                             <span></span>企业云平台
                         </div>
                         <div class="ortfolio-soft-bottom-des">
-                            <span></span>车场智能推荐,一键导航随停即走
+                            <span></span>车场运行状态实时查询、人员到岗情况实时监控
                         </div>
                         <div class="ortfolio-soft-bottom-des">
-                            <span></span>电子支付，简单方便，账户余额，自动代扣，快速离场
+                            <span></span>报表直观易懂、查询统计快捷方便，多维经营数据分析
                         </div>
                         <div class="ortfolio-soft-bottom-des">
-                            <span></span>会员卡线上办理，到期智能提醒，快捷实用。
+                            <span></span>业务规则灵活配置，人员管理排班智能生成
                         </div>
-                        <div class="ortfolio-soft-bottom-des"><span></span>积分兑换，礼券不断，优惠多多</div>
+                        <div class="ortfolio-soft-bottom-des"><span></span>云端分布式部署，多级组织架构权限划分，系统安全可靠</div>
                     </li>
                 </ul>
@@ -170,9 +185,24 @@
         <section class="padding20-0-70">
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-3">
-                    <li class="text-center col-md-6">
+                    <div  class="portfolio-analysis-wrap">
+                        <li class="text-center col-md-6 swiper-container" id="portfolio-analysis">
+                            <div class="swiper-wrapper">
+                                <div class="swiper-slide portfolio-analysis1">
-                    </li>
+                                </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>数据分析平台
@@ -366,6 +396,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=5"></script>
+<script src="js/portfollo.js?a=1"></script>
 </body>
 </html>