sale完成

@@ -83,3 +83,5 @@
     {{> resources/new-first}}
 {{! 店铺推荐}}
     {{> resources/shop-recommand}}
+{{! SALE}}
+    {{> resources/sale-floor}}

+<div class="sale-floor clearfix">
+    {{> common/floor-header-more}}
+
+    <a href="">
+        <img src="" alt="sale-banner" class="sale-floor-banner" />
+    </a>
+
+    <a href="" class="float-container">
+        <img src="" alt="sale-limit" class="sale-floor-limit">
+    </a>
+    
+    <a href="" class="float-container">
+        <img src="" alt="sale-break" class="sale-floor-break">
+    </a>
+    <a href="" class="sale-floor-entry">
+        <h3 class="title">断码区</h3>
+        <p class="entry">点击进入</p>
+    </a>
+    
+    <a href="" class="float-container">
+        <img src="" alt="sale-discount" class="sale-floor-discount">
+    </a>
+    <a href="" class="sale-floor-entry">
+        <h3 class="title">折扣专区</h3>
+        <p class="entry">点击进入</p>
+    </a>
+</div>
\ No newline at end of file

@@ -234,15 +234,5 @@ var shopSwiper = new Swiper('.shop-recom-swiper-container', {
     slidesPerView: 'auto',
     paginationClickable: true,
     slideActiveClass : 'recom-active',
-    onSlideChangeStart: function(swiper){
-        $('.recom-shop').find('.top').removeClass('top-active');
-        $('.recom-shop').find('.bottom').removeClass('bottom-active');
-        $('.recom-active').find('.top').addClass('top-active');
-        $('.recom-active').find('.bottom').addClass('bottom-active');
-    },
-    onInit: function() {
-        $('.recom-active').find('.top').addClass('top-active');
-        $('.recom-active').find('.bottom').addClass('bottom-active');
-    },
 });
 require('./maybe-like')();

@@ -31,6 +31,7 @@
 @import "vip-only";
 @import "new-first";
 @import "shop-recommand";
+@import "sale-floor";
 
 .mobile-container {
     margin-left: auto;

+.sale-floor {
+
+    &-banner {
+        height: 200px;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    a.float-container {
+        float: left;
+    }
+
+    &-limit {
+        height: 360px;
+        width: 269px;
+    }
+
+    &-break {
+        height: 180px;
+        width: 284px;
+    }
+
+    &-discount {
+        height: 180px;
+        width: 284px;
+    }
+
+    &-entry {
+        display: block;
+        float: left;
+        height: 180px;
+        width: 87px;
+        background: #fff;
+        border-bottom: 1px solid #b0b0b0;
+
+        .title {
+            height: 140px;
+            width: 100%;
+            padding: 50px 34px 0;
+            font-size: 19px;
+            color: #444;
+            writing-mode: vertical-rl;
+        }
+
+        .entry {
+            text-align: center;
+            font-size: 12px;
+            color: #b0b0b0;
+        }
+    }
+}
\ No newline at end of file

@@ -16,25 +16,6 @@
             width: 50%;
         }
 
-        .top-active {
-            float: left;
-            height: 239px;
-            width: 100%;
-            transition: height 0.3s, width 0.3s, margin-top 0.3s ;
-            -moz-transition: height 0.3s, width 0.3s, margin-top 0.3s ;	/* Firefox 4 */
-            -webkit-transition: height 0.3s, width 0.3s, margin-top 0.3s ;	/* Safari 和 Chrome */
-            -o-transition: height 0.3s, width 0.3s, margin-top 0.3s ;
-        }
-
-        .bottom-active {
-            float: left;
-            height: 168px;
-            width: 50%;
-            transition: height 0.3s, width 0.3s, margin-top 0.3s ;
-            -moz-transition: height 0.3s, width 0.3s, margin-top 0.3s ;	/* Firefox 4 */
-            -webkit-transition: height 0.3s, width 0.3s, margin-top 0.3s ;	/* Safari 和 Chrome */
-            -o-transition: height 0.3s, width 0.3s, margin-top 0.3s ;
-        }
     }
     .swiper-slide {
         text-align: center;
@@ -68,9 +49,16 @@
         height: 407px;
         width: 412px;
         margin-top: 0;
-        transition: height 0.3s, width 0.3s, margin-top 0.3s ;
-        -moz-transition: height 0.3s, width 0.3s, margin-top 0.3s ;	/* Firefox 4 */
-        -webkit-transition: height 0.3s, width 0.3s, margin-top 0.3s ;	/* Safari 和 Chrome */
-        -o-transition: height 0.3s, width 0.3s, margin-top 0.3s ;
+        transition: all 0.3s ;
+
+        .top {
+            height: 239px;
+            width: 100%; 
+        }
+
+        .bottom {
+            height: 168px;
+            width: 50%;
+        }
     }
 }
\ No newline at end of file