swiper-detail-adjust

@@ -2,19 +2,19 @@
     <div class="bundle-nav">
         <div class="bundle-title">{{title}}</div>
         <div class="bundle-right">
-            <span class="bundle-desc">{{description}}</span>
-            <span class="iconfont">&#xe604;</span>
+            <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">
-                        <a href="{{href}}"><img src="{{img}}" alt=""></a>
-                        <div class="bundle-price">￥{{price}}</div>
-                    </div>
+                <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>
             {{/ product_list}}
         </div>

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

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