swiper-detail-adjust

@@ -2,20 +2,20 @@
     <div class="bundle-nav">
         <div class="bundle-title">{{title}}</div>
         <div class="bundle-right">
+            <a href="">
                 <span class="bundle-desc">{{description}}</span>
                 <span class="iconfont">&#xe604;</span>
+            </a>
         </div>
     </div>
     <div class="bundle-product">
         <div class="swiper-wrapper">
             {{# product_list}}
-                <div class="swiper-slide">
-                    <div class="plus plus-{{@index}}"><span class="iconfont">&#xe624;</span></div>
-                    <div class="product-box">
+                <div class="swiper-slide plus plus-{{@index}}"><span class="iconfont">&#xe624;</span></div>
+                <div class="swiper-slide product-box">
                     <a href="{{href}}"><img src="{{img}}" alt=""></a>
                     <div class="bundle-price">￥{{price}}</div>
                 </div>
-                </div>
             {{/ product_list}}
         </div>
     </div>

@@ -8,6 +8,7 @@ var $ = require('yoho-jquery'),
 $(function() {
     new Swiper('.bundle-product', {
         freeMode: true,
-        width: 130
+        slidesPerView: 4,
+        lazyLoading: true
     });
 });

@@ -38,14 +38,13 @@
 
         .swiper-wrapper {
             height: 295px;
-            width: 100%;
 
-            .swiper-slide {
             .plus {
-                    float: left;
                 margin-top: 88px;
-                    margin-right: 10px;
+                margin-left: 5px;
+                margin-right: 5px;
                 color: #b0b0b0;
+                width: 30px !important;
             }
 
             .plus-0 {
@@ -55,6 +54,9 @@
             .product-box {
                 width: 155px;
                 float: left;
+
+                a {
+                    display: inline-block;
                 }
 
                 .bundle-price {