资源位滚动图

@@ -12,6 +12,8 @@ var $userAvatar = $('.user-avatar'),
 var myImage = new Image(),
     avatar;
 
+var Swiper = require('yoho-swiper');
+
 require('home/index.page.css');
 
 require('../common');
@@ -21,6 +23,15 @@ if ($('.recommend-for-you').length) {
 require('../common/suspend-cart');
 require('../common/footer');
 
+new Swiper('.banner-center-swiper', {
+    pagination: '.swiper-pagination',
+    lazyLoading: true,
+    lazyLoadingInPrevNext: true,
+    paginationClickable: true,
+    loop: true,
+    autoplay: 3000
+});
+
 window.reMarginFooter('.footer-tab');
 
 // 部分老用户没有头像，显示默认头像

@@ -329,4 +329,31 @@
             padding-top: 0;
         }
     }
+
+    .banner-center-swiper {
+        position: relative;
+        z-index: 1;
+        overflow: hidden;
+        margin: 0 auto;
+
+        img {
+            width: 750px;
+            height: 234px;
+        }
+
+        .swiper-pagination-bullet {
+            display: inline-block;
+            width: 0.35rem;
+            height: 0.35rem;
+            background: #fff;
+            opacity: 0.5;
+            margin: 0 0.225rem;
+            border-radius: 50%;
+        }
+
+        .swiper-pagination-bullet-active {
+            background: #fff;
+            opacity: 1;
+        }
+    }
 }

@@ -4,3 +4,4 @@
 @import "channel/footer-tab";
 @import "channel/thumb-row";
 @import "channel/divide-image";
+@import "layout/swiper";