h5 3.0.4 YW589 YW591

@@ -352,12 +352,22 @@ module.exports = {
             img: 'http://img11.static.yhbimg.com/yhb-img01/2015/07/13/15/014f7ba48071160053ac3b8f045b9fc264.jpg?imageView/2/w/640/h/640'
         }
     }, {
+        bannerCenter: {
+            img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
+            url: ''
+        }
+    }, {
         plusStar: {
             name: 'STAR 明星潮牌',
             url: '',
             img: 'http://img11.static.yhbimg.com/yhb-img01/2015/07/13/15/014f7ba48071160053ac3b8f045b9fc264.jpg?imageView/2/w/640/h/640'
         }
     }, {
+        bannerCenter: {
+            img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
+            url: ''
+        }
+    }],
     maybeLike: {
         goods: [{
             id: 1,
@@ -403,13 +413,11 @@ module.exports = {
             isNew: true,
             url: ''
         }]
-        }
-    }, {
+    },
     bannerBottom: {
         img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
         url: ''
-        }
-    }],
+    },
     footer: {
         // 已登录
         user: {

@@ -10,7 +10,7 @@ module.exports = {
         url: 'http://www.baidu.com'
     },
     homeHeader: {
-        bgColor: '#fd307f',
+        bgColor: '#FF88AE',
         searchUrl: ''
     },
     searchUrl: '',
@@ -174,6 +174,26 @@ module.exports = {
                 textCn: 'Moussy',
                 img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
                 url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
+            }, {
+                textCn: 'Moussy',
+                img: 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
+                url: ''
             }]
         }
     }, {
@@ -203,6 +223,21 @@ module.exports = {
             }, {
                 url: '',
                 img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
+            }, {
+                url: '',
+                img: 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
             }]
         }
     }, {
@@ -226,7 +261,7 @@ module.exports = {
                 time: '2月13日 12:34'
             }]
         }
-    }, {
+    }],
     maybeLike: {
         goods: [{
             id: 1,
@@ -279,13 +314,11 @@ module.exports = {
             url: '',
             likeUrl: ''
         }]
-        }
-    }, {
+    },
     bannerBottom: {
         img: 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
         url: ''
-        }
-    }],
+    },
     footer: {
         // 已登录
         //user: {

@@ -7,7 +7,7 @@
 module.exports = {
     header: {
         title: '商品分类',
-        bgColor: '#fd307f'
+        bgColor: '#FF88AE'
     },
     searchUrl: 'www.baidu.com',
     cateNav: {

@@ -84,7 +84,6 @@ if ($('.banner-swiper').find('li').size() > 1) {
 //热门品牌滑动
 hotBrandsSwiper = new swiper('.brands-swiper', {
     grabCursor: true,
-    setWrapperSize: true,
     slidesPerView: 'auto',
     wrapperClass: 'brands-list',
     slideElement: 'li'
@@ -94,7 +93,6 @@ hotBrandsSwiper = new swiper('.brands-swiper', {
 recommendSwiper = new swiper('.recommend-swiper', {
     grabCursor: true,
     slidesPerView: 'auto',
-    setWrapperSize: true,
     wrapperClass: 'recommend-list',
     slideElement: 'li'
 });
@@ -141,7 +139,7 @@ $('.header-download').on('click', '.close-btn', function() {
 
 
 //logo动画
-/*var requestFrame = (function() {
+var requestFrame = (function() {
     var thisFunc, prefixList = ['webkit', 'moz', 'ms'];
     for (var i = 0; i < prefixList.length; i++) {
         thisFunc = prefixList[i] + 'RequestAnimationFrame';
@@ -157,10 +155,10 @@ $('.header-download').on('click', '.close-btn', function() {
     }
 })();
 var start = 0,
-    logotrans = $('.header .logo');
+    logotrans = $('.home-header .logo');
 var isen = true;
 
-function tsAnimate() {
+/*function tsAnimate() {
     start = start + 10;
     logotrans.css({
         "transform": 'rotateX(' + start + 'deg)',
@@ -169,12 +167,12 @@ function tsAnimate() {
     });
     if (start / 90 % 2 == 1) { //
         if (isen) {
-            logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo1.png)');
-            //logotrans.addClass('animate');
+            //logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo1.png)');
+            logotrans.addClass('animate');
             isen = false;
         } else {
-            //logotrans.removeClass('animate');
-            logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo_e.png)');
+            logotrans.removeClass('animate');
+            //logotrans.css("background-image", 'url(http://static.yohobuy.com/newheader/img/logo_e.png)');
             isen = true;
         }
     }

 .banner-top {
     position: relative;
+
     .swiper-pagination {
         position: absolute;
         left: 0;
         right: 0;
         bottom: 20rem / $pxConvertRem;
         text-align: center;
+
         .pagination-inner {
             display: inline-block;
+
             span {
                 display: inline-block;
                 width: 14rem / $pxConvertRem;
@@ -17,6 +20,7 @@
                 margin: 0 (9rem / $pxConvertRem);
                 border-radius: 50%;
             }
+
             span.swiper-pagination-bullet-active {
                 opacity: 1;
             }
@@ -25,14 +29,19 @@
 }
 
 .banner-swiper {
+    position: relative;
     height: 309rem / $pxConvertRem;
     overflow: hidden;
+
     ul {
         position: relative;
         height: 309rem / $pxConvertRem;
+
         li {
             float: left;
-            height: 309rem / $pxConvertRem;
+            width: 100%;
+            height: 100%;
+
             img {
                 width: 100%;
                 height: 100%;

-
-@keyframes turn {
+/* @include keyframes(turn) {
     1% {
-        transform: rotateX(90deg);
+        @include rotateX(90deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100%
     }
     2% {
+        @include rotateX(180deg);
         background: image-url('yohologo01.png') no-repeat center center;
         background-size: 100% 
     }
-    3% {
-        transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    4% {
-        transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    100% {
-        transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
 
-}
-
-@-webkit-keyframes turn {
-    1% {
-        -webkit-transform: rotateX(90deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100%
-    }
-    2% {
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100% 
-    }
     3% {
-        -webkit-transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    4% {
-        -webkit-transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        -webkit-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    100% {
-        -webkit-transform: rotateX(0deg);
+        @include rotateX(90deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100% 
-    }
-    
-}
         
-
-
-@-moz-keyframes turn {
-    1% {
-        -moz-transform: rotateX(90deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100%
-    }
-    2% {
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100% 
-    }
-    3% {
-        -moz-transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
     }
     4% {
-        -moz-transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
+        @include rotateX(0deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100% 
-    }
-    6% {
-        -moz-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    100% {
-        -moz-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-}
         
-@-o-keyframes turn {
-    1% {
-        -o-transform: rotateX(90deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100%
-    }
-    2% {
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100% 
-    }
-    3% {
-        -o-transform: rotateX(180deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    4% {
-        -o-transform: rotateX(90deg);
-        background: image-url('yohologo01.png') no-repeat center center;
-        background-size: 100%
-    }
-    5% {
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
-    }
-    6% {
-        -o-transform: rotateX(0deg);
-        background: image-url('yohologo02.png') no-repeat center center;
-        background-size: 100% 
     }
     100% {
-        -o-transform: rotateX(0deg);
+        @include rotateX(0deg);
         background: image-url('yohologo02.png') no-repeat center center;
         background-size: 100% 
     }   
-}
+} */
 .home-header {
     height: 87rem / $pxConvertRem;
     line-height: 87rem / $pxConvertRem;
@@ -170,26 +52,27 @@
         height: 87rem / $pxConvertRem;
         background: image-url("yohologo02.png") no-repeat center center;
         background-size: 100%;
-        animation: 60s turn infinite ease-out;
-        -webkit-animation: 60s turn infinite ease-out;
-        -moz-animation: 60s turn infinite ease-out;
-        -o-animation: 60s turn infinite ease-out;
-    } 
-    .logo.animate{
+        /*@include animation(60s turn infinite);*/
+
+         &.animate{
             background: image-url("yohologo01.png") no-repeat center center;
             background-size: 100%;
          }
+    } 
 
     .search-btn {
         position: absolute;
         right: 32rem / $pxConvertRem;
         top: 0;
         bottom: 0;
+        a{
+            color: #fff;
+        }
     }
 }
 
 .girls-wrap .home-header {
-    background: #fd307f;
+    background: #FF88AE;
 }
 
 .kids-wrap .logo {

@@ -75,6 +75,7 @@
 
 .recommend-list {
     position: relative;
+    height: 100%;
 }
 
 .recommend-list .recommend-item {

@@ -57,6 +57,8 @@
                     {{> common/plus_star}}
                 {{/ plusStar}}
 
+            {{/ content}}
+
             {{! 可能喜欢}}
             {{# maybeLike}}
                 {{> common/maybe_like}}
@@ -66,7 +68,6 @@
             {{# bannerBottom}}
                 {{> common/banner_bottom}}
             {{/ bannerBottom}}
-            {{/ content}}
 
             {{! footer}}
             {{# footer}}

@@ -42,6 +42,8 @@
                 {{> girls/hot_brands}}
             {{/ hotBrands}}
         
+        {{/ content}}
+        
         {{! 可能喜欢}}
         {{# maybeLike}}
             {{> common/maybe_like}}
@@ -51,7 +53,6 @@
         {{# bannerBottom}}
             {{> common/banner_bottom}}
         {{/ bannerBottom}}
-        {{/ content}}
             
         {{! footer}}
         {{# footer}}

@@ -4,7 +4,7 @@
             {{# list}}
             <li class="swiper-slide">
                 <a href="{{url}}">
-                    <img src="{{img}}" alt="">
+                    <img class="lazy" src="{{img}}" alt="">
                 </a>
             </li>
             {{/ list}}

@@ -15,7 +15,7 @@
 	<div class="trend-coll-tail">
 		<h3 class="recommend-title">推荐搭配</h3>
 		<div class="recommend-swiper">
-			<ul class="recommend-list clearfix">
+			<ul class="recommend-list swiper-wrapper clearfix">
 				{{# recommendlist}}
 				<li class="recommend-item swiper-slide"><a href="{{url}}"><img class="lazy" src="{{img}}" alt="" /></a></li>
 				{{/ recommendlist}}

 <div class="hot-brands girls">
     {{> common/floor_header_more}}
     <div class="brands-swiper">
-        <ul class="brands-list clearfix">
+        <ul class="brands-list swiper-wrapper clearfix">
             {{# list}}
             <li class="swiper-slide">
                 <a href="{{url}}">

 <div class="home-header clearfix" {{# bgColor}}style="background-color:{{.}};background-image:none"{{/ bgColor}}>
     <span class="nav-btn iconfont">&#xe60b;</span>
     <span class="logo"></span>
-    <a href="{{searchUrl}}" class="search-btn iconfont">&#xe60f;</span>
+    <span class="search-btn iconfont"><a href="{{searchUrl}}">&#xe60f;</a></span>
 </div>
\ No newline at end of file