首页新人专享修改

@@ -149,9 +149,13 @@ if ($('.trend-topic-swiper').find('li').size() > 1) {
 // 新人专享轮播
 // 新人专享轮播
 if ($('.fresh-list-swiper').find('li').size() > 1) {
 if ($('.fresh-list-swiper').find('li').size() > 1) {
     freshSwiper = new Swiper('.fresh-list-swiper', {
     freshSwiper = new Swiper('.fresh-list-swiper', {
+        lazyLoading: true,
+        lazyLoadingInPrevNext: true,
         grabCursor: true,
         grabCursor: true,
         slidesPerView: 'auto',
         slidesPerView: 'auto',
-        slideElement: 'li'
+        slideElement: 'li',
+        watchSlidesProgress : true,
+        watchSlidesVisibility : true,
     });
     });
 }
 }
 
 

 .fresh-swiper {
 .fresh-swiper {
     position: relative;
     position: relative;
-    height: 200rem / $pxConvertRem;
+    height: 200px;
     overflow: hidden;
     overflow: hidden;
     ul {
     ul {
         li {
         li {
@@ -17,17 +17,17 @@
         position: absolute;
         position: absolute;
         left: 0;
         left: 0;
         right: 0;
         right: 0;
-        bottom: 20rem / $pxConvertRem;
+        bottom: 20px;
         text-align: center;
         text-align: center;
         .pagination-inner {
         .pagination-inner {
             display: inline-block;
             display: inline-block;
             span {
             span {
                 display: inline-block;
                 display: inline-block;
-                width: 14rem / $pxConvertRem;
-                height: 14rem / $pxConvertRem;
+                width: 14px;
+                height: 14px;
                 background: #fff;
                 background: #fff;
                 opacity: 0.5;
                 opacity: 0.5;
-                margin: 0 (9rem / $pxConvertRem);
+                margin: 0 9px;
                 border-radius: 50%;
                 border-radius: 50%;
             }
             }
             span.swiper-active-switch {
             span.swiper-active-switch {
@@ -46,21 +46,22 @@
 
 
     li {
     li {
         float:left;
         float:left;
-        width:240rem / $pxConvertRem;
-        margin: (20rem / $pxConvertRem) (10rem / $pxConvertRem) 0 (10rem / $pxConvertRem);
+        width:240px;
+        margin: 20px 10px 0 10px;
 
 
         &:first-child {
         &:first-child {
-            margin-left: 20rem / $pxConvertRem;
+            margin-left: 20px;
         }
         }
 
 
         &:last-child {
         &:last-child {
-            margin-right: 20rem / $pxConvertRem;
+            margin-right: 20px;
         }
         }
 
 
         .img-box {
         .img-box {
             height: 100%;
             height: 100%;
-            height:320rem / $pxConvertRem;
+            height:320px;
             text-align: center;
             text-align: center;
+            position: relative;
             img {
             img {
                 width: 100%;
                 width: 100%;
                 height: 100%;
                 height: 100%;
@@ -69,8 +70,6 @@
         }
         }
 
 
         .fresh-info {
         .fresh-info {
-            font-size: 22px / $pxConvertRem;
-
             .fresh-name a{
             .fresh-name a{
                 display:block;
                 display:block;
                 overflow: hidden;
                 overflow: hidden;
@@ -78,30 +77,34 @@
                 width: 100%;
                 width: 100%;
                 white-space: nowrap;
                 white-space: nowrap;
                 color: #444;
                 color: #444;
-                line-height: 48rem / $pxConvertRem;
+                line-height: 48px;
+                font-size: 22px;
 
 
             }
             }
 
 
             .cur-price {
             .cur-price {
                 color: #d62927;
                 color: #d62927;
+                font-size: 22px;
             }
             }
 
 
             .old-price {
             .old-price {
-                margin: 0 0 0 (10rem / $pxConvertRem);
+                margin: 0 0 0 10px;
                 color: #b0b0b0;
                 color: #b0b0b0;
                 text-decoration: line-through;
                 text-decoration: line-through;
+                font-size: 22px;
             }
             }
 
 
             .fresh-icon {
             .fresh-icon {
                background: #d62927;
                background: #d62927;
-                width: 100rem / $pxConvertRem;
-                height: 33 / $pxConvertRem;
+                width: 100px;
+                height: 33px;
                 display: block;
                 display: block;
-                margin: (8rem / $pxConvertRem) auto 0 auto;
+                margin: 8px auto 0 auto;
                 color: #fff;
                 color: #fff;
                 text-align: center;
                 text-align: center;
-                border-radius: 40rem / $pxConvertRem;
-                line-height: 37rem / $pxConvertRem;
+                border-radius: 40px;
+                line-height: 37px;
+                font-size:12px;
             }
             }
         }
         }
     }
     }

@@ -17,6 +17,7 @@
 @import "hot-category";
 @import "hot-category";
 @import "home-header";
 @import "home-header";
 @import "thumb-row";
 @import "thumb-row";
+@import "fresh-only";
 
 
 .mobile-container{
 .mobile-container{
     width: 100%;
     width: 100%;

@@ -13,8 +13,9 @@
         <li class="swiper-slide">            
         <li class="swiper-slide">            
             <div class="img-box">
             <div class="img-box">
                 <a href="{{url}}">
                 <a href="{{url}}">
-                    <img class="lazy" data-original="{{img}}" alt="">
+                    <img class="swiper-lazy" data-src="{{img}}" alt="">
                 </a>
                 </a>
+                <div class="swiper-lazy-preloader"></div>
             </div>
             </div>
             <div class="fresh-info">
             <div class="fresh-info">
                 <p class="fresh-name"><a href="{{url}}">{{title}}</a></p>
                 <p class="fresh-name"><a href="{{url}}">{{title}}</a></p>
@@ -25,5 +26,4 @@
         {{/ list}}
         {{/ list}}
     </ul>
     </ul>
     </div>    
     </div>    
-    
 </div>
 </div>