轮播

src/main/resources/static/css/index/index.pc.css

@@ -6,6 +6,7 @@ li{list-style:none;}
 /* 轮播 */
 #swiper-container{width:100%;height:510px;min-width:1184px;overflow:hidden;position:relative}
 #swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
+#swiper-container .tempWrap{margin:0 auto;}
 #swiper-container .swiper-wrapper li{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden}
 #swiper-container .swiper-wrapper img{width:auto;height:510px;display:block;margin-left:50%;-o-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
 #swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{position:absolute;top:50%;margin-top:-34px;display:block;width:44px;height:68px;line-height:68px;background:rgba(255,230,220,.2);color:#FFF;font-size:40px;text-align:center;border-radius:2px}

src/main/resources/static/js/index.js

@@ -8,7 +8,7 @@ var homeData = new Vue({
         pageFloors: [],
         advertising: [],
         asideNav: [],
-        productIdArr:[],
+        productIdArr:[]
     },
     methods: {
         getBanners: function(){
@@ -16,40 +16,43 @@ var homeData = new Vue({
             $.getJSON("/home/banner").done(function (r) {
                 if (r.code === 0 && r.data) {
                     _self.images = r.data;
-                    setTimeout(function(){
-                        if (isPC) {
-                            $('#swiper-container').slide({
-                                mainCell:".swiper-wrapper"
-                                ,titCell:".swiper-pagination span"
-                                ,effect: "leftLoop"
-                                ,prevCell:".swiper-button-prev"
-		                        ,nextCell:".swiper-button-next"
-                                ,interTime: 2000
-                                ,autoPlay: true
-                                ,autoPage: false
-                                ,trigger: "mouseover"
-                            });
-                        } else {
-                            var swiper = new Swiper('#swiper-container', {
-                                loop : true,
-                                autoplay: {
-                                    delay: 2000,
-                                    disableOnInteraction: false
-                                },
-                                navigation: {
-                                    nextEl: '.swiper-button-next',
-                                    prevEl: '.swiper-button-prev'
-                                },
-                                pagination: {
-                                    el: '.swiper-pagination',
-                                    clickable :true
-                                }
-                            });
-                        }
-                    },500);
+                    _self.swiperNanner();
                 }
             });
         },
+        swiperNanner: function(){
+            setTimeout(function(){
+                if (isPC) {
+                    $('#swiper-container').slide({
+                        mainCell:".swiper-wrapper"
+                        ,titCell:".swiper-pagination span"
+                        ,effect: "leftLoop"
+                        ,prevCell:".swiper-button-prev"
+                        ,nextCell:".swiper-button-next"
+                        ,interTime: 2000
+                        ,autoPlay: true
+                        ,autoPage: false
+                        ,trigger: "mouseover"
+                    });
+                } else {
+                    var swiper = new Swiper('#swiper-container', {
+                        loop : true,
+                        autoplay: {
+                            delay: 2000,
+                            disableOnInteraction: false
+                        },
+                        navigation: {
+                            nextEl: '.swiper-button-next',
+                            prevEl: '.swiper-button-prev'
+                        },
+                        pagination: {
+                            el: '.swiper-pagination',
+                            clickable :true
+                        }
+                    });
+                }
+            },500);
+        },
         getRecommends: function(){
             var _self = this;
             $.getJSON("/home/recommend").done(function (r) {