From 18baebbddd1a447e3888044780a530506f6778a8 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Fri, 28 Sep 2018 17:31:02 +0800
Subject: [PATCH] 产品介绍 sass

---
 css/portfollo.css               | 42 +++++++++++++++++++++++++++++++++++++++---
 css/services.css                |  1 +
 images/ortfolio-soft-mobile.gif | Bin 109794 -> 0 bytes
 images/portfolio-rnt.png        | Bin 0 -> 101330 bytes
 images/portfolio-rnt1.png       | Bin 0 -> 159140 bytes
 images/portfolio-rnt2.png       | Bin 0 -> 266278 bytes
 images/portfolio-rnt3.png       | Bin 0 -> 178785 bytes
 images/portfolio-rnt4.png       | Bin 0 -> 213278 bytes
 index.html                      |  2 +-
 js/main.js                      |  2 +-
 js/portfollo.js                 | 21 +++++++++++++++++++++
 portfolio.html                  | 30 ++++++++++++++++++++++++------
 12 files changed, 87 insertions(+), 11 deletions(-)
 delete mode 100644 images/ortfolio-soft-mobile.gif
 create mode 100644 images/portfolio-rnt.png
 create mode 100644 images/portfolio-rnt1.png
 create mode 100644 images/portfolio-rnt2.png
 create mode 100644 images/portfolio-rnt3.png
 create mode 100644 images/portfolio-rnt4.png

diff --git a/css/portfollo.css b/css/portfollo.css
index 6313ba6..5e946c6 100644
--- a/css/portfollo.css
+++ b/css/portfollo.css
@@ -67,8 +67,44 @@
     height: 500px;
 }
 .ortfolio-soft-bottom-1>li:nth-of-type(1){
-    background: url("../images/ortfolio-soft-mobile.gif") no-repeat center center;
-    background-size: 100% 100%;
+    width: 50%;
+    padding-left: 100px;
+}
+.ortfolio-soft-bottom-1>li:nth-of-type(1) .swiper-slide{
+    height: 500px;
+}
+#portfolio-rnt-wrap{
+    width: 50%;
+    height: 500px;
+    float: left;
+    background: url("../images/portfolio-rnt.png") no-repeat -35px 0;
+    overflow: hidden;
+}
+#portfolio-rnt{
+    width: 300px;
+    height: 500px;
+    margin-left: 215px;
+    margin-top: 23px;
+}
+#portfolio-rnt .portfolio-rnt1{
+    width:100%;
+    height: 500px;
+    background: url("../images/portfolio-rnt1.png") no-repeat ;
+}
+#portfolio-rnt .portfolio-rnt2{
+    width:100%;
+    height: 500px;
+    background: url("../images/portfolio-rnt2.png") no-repeat ;
+}
+#portfolio-rnt .portfolio-rnt3{
+    width:100%;
+    height: 500px;
+    background: url("../images/portfolio-rnt3.png") no-repeat ;
+}
+#portfolio-rnt .portfolio-rnt4{
+    width:100%;
+    height: 500px;
+    background: url("../images/portfolio-rnt4.png") no-repeat ;
 }
 .ortfolio-soft-bottom-1 li:nth-of-type(2){
     padding-left: 100px;
@@ -119,7 +155,7 @@
     border-radius:50%;
 }
 .padding20-0-70{
-    padding: 20px 0 70px;
+    padding: 70px 0 70px;
 }
 /*硬件sta-----*/
 .portfolio-hardware-top{
diff --git a/css/services.css b/css/services.css
index a533df9..5949af7 100644
--- a/css/services.css
+++ b/css/services.css
@@ -329,3 +329,4 @@
     transition:width .8s;
     -webkit-transition:width .8s;
 }*/
+
diff --git a/images/ortfolio-soft-mobile.gif b/images/ortfolio-soft-mobile.gif
deleted file mode 100644
index 90cb251..0000000
Binary files a/images/ortfolio-soft-mobile.gif and /dev/null differ
diff --git a/images/portfolio-rnt.png b/images/portfolio-rnt.png
new file mode 100644
index 0000000..015f241
Binary files /dev/null and b/images/portfolio-rnt.png differ
diff --git a/images/portfolio-rnt1.png b/images/portfolio-rnt1.png
new file mode 100644
index 0000000..7f56afc
Binary files /dev/null and b/images/portfolio-rnt1.png differ
diff --git a/images/portfolio-rnt2.png b/images/portfolio-rnt2.png
new file mode 100644
index 0000000..d443b37
Binary files /dev/null and b/images/portfolio-rnt2.png differ
diff --git a/images/portfolio-rnt3.png b/images/portfolio-rnt3.png
new file mode 100644
index 0000000..4fc6e68
Binary files /dev/null and b/images/portfolio-rnt3.png differ
diff --git a/images/portfolio-rnt4.png b/images/portfolio-rnt4.png
new file mode 100644
index 0000000..660c79f
Binary files /dev/null and b/images/portfolio-rnt4.png differ
diff --git a/index.html b/index.html
index b41afb4..c0d6ec9 100755
--- a/index.html
+++ b/index.html
@@ -78,7 +78,7 @@
 
 
 
-<div class="swiper-container">
+<div class="swiper-container" id="swiper-container-index">
     <div class="swiper-wrapper">
         <div class="swiper-slide swiper-slide-3">
             <div class="swiper-slide-main swiper-slide-main-3">
diff --git a/js/main.js b/js/main.js
index 955141d..abed61e 100755
--- a/js/main.js
+++ b/js/main.js
@@ -179,7 +179,7 @@
 			});
 		});
 
-    var mySwiper = new Swiper ('.swiper-container', {
+    var mySwiper = new Swiper ('#swiper-container-index', {
       direction: 'horizontal',
       loop: true,
       speed: 500, //设置轮播时长 可以不设置 会有个默认值
diff --git a/js/portfollo.js b/js/portfollo.js
index 048fbb1..40beb55 100644
--- a/js/portfollo.js
+++ b/js/portfollo.js
@@ -14,3 +14,24 @@ $('#portfolio-hardware-wrap li').on('click',function () {
     $('#portfolio-hardware-wrap li').eq(_index).children('div').removeClass('displaynone');
     $('#portfolio-section-hardware>li').eq(_index).removeClass('displaynone').siblings().addClass('displaynone');
 })
+
+
+
+var mySwiper = new Swiper ('#portfolio-rnt', {
+  direction: 'horizontal',
+  loop: true,
+  speed: 500, //设置轮播时长 可以不设置 会有个默认值
+  autoplay: true,//可选选项，自动滑动
+  // 如果需要分页器
+  pagination: {
+    el: '.swiper-pagination',
+    clickable:true
+  },
+  autoplay: {
+    disableOnInteraction: false,  //点击后继续轮播(这个很重要)
+    delay: 3000,                       //自动轮播的每次的时间 可以不设置 会有个默认值
+  },
+  // 如果需要前进后退按钮
+
+
+})
diff --git a/portfolio.html b/portfolio.html
index 3a6b457..09b14f0 100755
--- a/portfolio.html
+++ b/portfolio.html
@@ -22,12 +22,13 @@
     <link rel="stylesheet" href="css/animate-text.css">
     <link rel="stylesheet" href="css/magnific-popup.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
+    <link type="text/css" rel="stylesheet" href="css/swiper.css">
 
     <!-- Ruby CSS -->
     <link rel="stylesheet" href="css/normalize.css">
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="css/responsive.css">
-    <link rel="stylesheet" href="css/portfollo.css?a=2">
+    <link rel="stylesheet" href="css/portfollo.css?a=4">
 
     <!-- Color CSS -->
     <link rel="stylesheet" href="css/color/color7.css">
@@ -74,7 +75,7 @@
 </div>
 <!--/ End breadcrumb -->
 <!--软件平台 sta-->
-<section id="portfolio-soft-top" class="section">
+<section id="portfolio-soft-top" class="section"  id="portfoliobody">
     <div class="container">
         <div class="row">
             <div class="section-title-name">软件平台</div>
@@ -100,9 +101,26 @@
         <section class="padding20-0-70">
             <div class="container">
                 <ul class="row ortfolio-soft-bottom-1">
-                    <li class="text-center col-md-6">
+                    <div  id="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">
+
+                                    </div>
+                                    <div class="swiper-slide portfolio-rnt2">
+
+                                    </div>
+                                    <div class="swiper-slide portfolio-rnt3">
+
+                                    </div>
+                                    <div class="swiper-slide portfolio-rnt4">
+
+                                    </div>
+                                </div>
+                        </li>
+                    </div>
+
 
-                    </li>
                     <li class="text-center col-md-6">
                         <div class="ortfolio-soft-bottom-title">
                             任你停APP
@@ -347,7 +365,7 @@
 <script type="text/javascript" src="js/swiper.js"></script>
 <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=1"></script>
-<script src="js/portfollo.js?a=1"></script>
+<script src="js/main.js?a=2"></script>
+<script src="js/portfollo.js?a=5"></script>
 </body>
 </html>
--
libgit2 0.21.4