chenchao / YOHOBUYPC · Commits

Go to a project

Authored by weiqingting
Commit 4908d5a1e29702de5f9b890314d18265ac745e68 2 parents d2b1ca62 d84d7e5d

男装首页和女装首页

Inline Side-by-side
Showing 19 changed files with 1144 additions and 210 deletions
@@ -23,7 +23,7 @@ @@ -23,7 +23,7 @@
23 ## 男首 23 ## 男首
24 24
25 { 25 {
26 - boy: [ 26 + boys: [
27 //banner 27 //banner
28 { 28 {
29 slide: { 29 slide: {
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="home-page yoho-page boys" data-newarrivls='{"url":"/boys/commodity","pageCount":"4","flag":"boys"}'>  
3 -{{# boy}}  
4 - 2 +<div class="home-page yoho-page boys" data-page="boys" data-newarrivls='{"url":"/boys/commodity","pageCount":"4","flag":"boys"}'>
  3 +{{# boys}}
5 {{! 头部banner}} 4 {{! 头部banner}}
6 {{# slide}} 5 {{# slide}}
7 - <div class="slide-container">  
8 - <div class="big-slide">  
9 - <ul>  
10 - {{# bigSlide}}  
11 - <li>  
12 - <a href="{{href}}">  
13 - <img class="lazy" data-original="{{img}}" alt="">  
14 - </a>  
15 - </li>  
16 - {{/ bigSlide}}  
17 - </ul>  
18 - <div class="slide-switch">  
19 - <a class="prev" href="javascript:;">  
20 - <span class="iconfont">&#xe60c;</span>  
21 - </a>  
22 - <a class="next" href="javascript:;">  
23 - <span class="iconfont">&#xe60b;</span>  
24 - </a>  
25 - </div>  
26 - </div>  
27 -  
28 - {{#if smallSlide}}  
29 - <div class="small-slide">  
30 - <ul class="clearfix">  
31 - {{# smallSlide}}  
32 - <li>  
33 - <a href="{{href}}"></a>  
34 - <img src="{{img}}" alt="">  
35 - </li>  
36 - {{/ smallSlide}}  
37 - </ul>  
38 - </div>  
39 - {{/if}}  
40 - </div> 6 + {{>index/slide-banner}}
41 {{/ slide}} 7 {{/ slide}}
42 8
43 {{! 新品速报}} 9 {{! 新品速报}}
@@ -70,7 +36,7 @@ @@ -70,7 +36,7 @@
70 {{/ newReport}} 36 {{/ newReport}}
71 37
72 {{! 优选品牌}} 38 {{! 优选品牌}}
73 - {{# preferenceBrand}} 39 + {{# preferenceBrands}}
74 <div class="preference-brand"> 40 <div class="preference-brand">
75 {{> index/floor-header}} 41 {{> index/floor-header}}
76 <div class="img-brand"> 42 <div class="img-brand">
@@ -94,7 +60,7 @@ @@ -94,7 +60,7 @@
94 </div> 60 </div>
95 <div class="logo-brand"></div> 61 <div class="logo-brand"></div>
96 </div> 62 </div>
97 - {{/ preferenceBrand}} 63 + {{/ preferenceBrands}}
98 64
99 {{! 单品/广告}} 65 {{! 单品/广告}}
100 {{# singlehot}} 66 {{# singlehot}}
@@ -117,8 +83,6 @@ @@ -117,8 +83,6 @@
117 {{# newArrivls}} 83 {{# newArrivls}}
118 {{> index/commodity}} 84 {{> index/commodity}}
119 {{/ newArrivls}} 85 {{/ newArrivls}}
120 -{{/ boy}}  
121 -  
122 - 86 +{{/ boys}}
123 </div> 87 </div>
124 {{> layout/footer}} 88 {{> layout/footer}}
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="home-page yoho-page girls" data-newarrivls='{"url":"/girls/commodity","pageCount":"4","flag":"girls"}'>  
3 - {{#girl}}  
4 2
5 -  
6 - {{! 品类推荐}}  
7 - {{# recommend}}  
8 - {{> index/girl-recommend}}  
9 - {{/ recommend}}  
10 -  
11 - {{! 单品/广告}}  
12 - {{# singlehot}}  
13 - {{> index/girl-singlehot}}  
14 - {{/ singlehot}} 3 +<div class="home-page yoho-page girls" data-page="girls" data-newarrivls='{"url":"/girls/commodity","pageCount":"4","flag":"girls"}'>
  4 + {{# girls}}
15 5
16 - {{! 广告}}  
17 - {{# adbanner}}  
18 -  
19 - {{/ adbanner}} 6 + {{! 头部banner}}
  7 + {{# debrisSlider}}
  8 + <div class="debris-slider clearfix">
  9 + <div class="left-col col">
  10 + {{# left}}
  11 + <a href="{{href}}">
  12 + <img class="lazy" data-original="{{img}}">
  13 + </a>
  14 + {{/ left}}
  15 + </div>
  16 + <div class="center-col col">
  17 + <ul class="slide-wrapper">
  18 + {{# center}}
  19 + <li>
  20 + <a href="{{href}}">
  21 + <img class="lazy" data-original="{{img}}">
  22 + </a>
  23 + </li>
  24 + {{/ center}}
  25 + </ul>
  26 + <div class="slide-switch">
  27 + <a class="prev" href="javascript:;">
  28 + <span class="iconfont">&#xe60c;</span>
  29 + </a>
  30 + <a class="next" href="javascript:;">
  31 + <span class="iconfont">&#xe60b;</span>
  32 + </a>
  33 + </div>
  34 + </div>
  35 + <div class="right-col col">
  36 + {{# right}}
  37 + <a href="{{href}}">
  38 + <img class="lazy" data-original="{{img}}">
  39 + </a>
  40 + {{/ right}}
  41 + </div>
  42 + </div>
  43 + {{/ debrisSlider}}
20 44
21 - {{! 新品上架}}  
22 - {{# newArrivls}}  
23 - {{> index/commodity}}  
24 - {{/ newArrivls}}  
25 - {{/girl}} 45 + {{! 优选品牌}}
  46 + {{# preferenceBrands}}
  47 + {{> index/preference-brand}}
  48 + {{/ preferenceBrands}}
  49 +
  50 + {{! 品类推荐}}
  51 + {{# recommend}}
  52 + {{> index/girl-recommend}}
  53 + {{/ recommend}}
  54 +
  55 + {{! 单品/广告}}
  56 + {{# singlehot}}
  57 + {{> index/girl-singlehot}}
  58 + {{/ singlehot}}
  59 +
  60 + {{! 广告}}
  61 + {{# adbanner}}
  62 +
  63 + {{/ adbanner}}
  64 +
  65 + {{! 新品上架}}
  66 + {{# newArrivls}}
  67 + {{> index/commodity}}
  68 + {{/ newArrivls}}
  69 +
  70 + {{/ girls}}
26 </div> 71 </div>
27 {{> layout/footer}} 72 {{> layout/footer}}
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="home-page yoho-page kids" data-newarrivls='{"url":"/kids/commodity","pageCount":"4","flag":"kids"}'>  
3 - {{#kid}}  
4 - {{! 新品上架}}  
5 - {{# newArrivls}}  
6 - {{> index/commodity}}  
7 - {{/ newArrivls}}  
8 - {{/kid}} 2 +<div class="home-page yoho-page" data-page="kids">
  3 +{{# kids}}
  4 + {{! 头部banner}}
  5 + {{# slide}}
  6 + {{>index/slide-banner}}
  7 + {{/ slide}}
  8 +
  9 + {{! 优选品牌}}
  10 + {{# preferenceBrands}}
  11 + {{> index/preference-brand}}
  12 + {{/ preferenceBrands}}
  13 +{{/ kids}}
9 </div> 14 </div>
10 {{> layout/footer}} 15 {{> layout/footer}}
1 {{> layout/header}} 1 {{> layout/header}}
2 -<div class="home-page yoho-page lifestyle" data-newarrivls='{"url":"/lifestyle/commodity","pageCount":"4","flag":"lifestyle"}'>  
3 - {{#lifestyle}}  
4 - {{! 新品上架}}  
5 - {{# newArrivls}}  
6 - {{> index/commodity}}  
7 - {{/ newArrivls}}  
8 - {{/lifestyle}} 2 +<div class="home-page yoho-page">
  3 +{{# lifestyle}}
  4 + {{! 头部banner}}
  5 + {{# slide}}
  6 + {{>index/slide-banner}}
  7 + {{/ slide}}
  8 +
  9 + {{! 优选品牌}}
  10 + {{# preferenceBrands}}
  11 + {{> index/preference-brand}}
  12 + {{/ preferenceBrands}}
  13 +
  14 + {{! 类别楼层遍历}}
  15 + {{# category}}
  16 + {{> index/category-floor}}
  17 + {{/ category}}
  18 +{{/ lifestyle}}
9 </div> 19 </div>
10 {{> layout/footer}} 20 {{> layout/footer}}
  1 +{{> index/floor-header}}
  2 +<div class="categorys-list">
  3 + <ul class="clearfix">
  4 + {{# list}}
  5 + <li class="cate-item{{@index}}">
  6 + <a href="{{href}}">
  7 + <img class="lazy" data-original="{{img}}" alt="">
  8 + </a>
  9 + </li>
  10 + {{/ list}}
  11 + </ul>
  12 +</div>
1 <div class="floor-header clearfix"> 1 <div class="floor-header clearfix">
2 <h2 class="floor-title">{{name}}</h2> 2 <h2 class="floor-title">{{name}}</h2>
3 {{#if navs}} 3 {{#if navs}}
4 - <ul class="header-navs">  
5 - {{# navs}}  
6 - <li data-classify="{{id}}">  
7 - <a target="_blank" href="{{href}}">{{name}}</a>  
8 - </li>  
9 - {{/ navs}}  
10 - </ul> 4 + <ul class="header-navs">
  5 + {{# navs}}
  6 + <li data-classify="{{id}}">
  7 + <a target="_blank" href="{{href}}">{{name}}</a>
  8 + </li>
  9 + {{/ navs}}
  10 + </ul>
11 {{/if}} 11 {{/if}}
12 </div> 12 </div>
  1 +{{> index/floor-header}}
  2 +<div class="preference-brand">
  3 + <div class="img-slider-wrapper clearfix">
  4 + <div class="img-brand-switch">
  5 + <a class="prev iconfont" href="javascript:;">&#xe60f;</a>
  6 + <a class="next iconfont" href="javascript:;">&#xe60e;</a>
  7 + </div>
  8 + <div class="img-container-landscape">
  9 + <ul class="img-list">
  10 + {{# slider}}
  11 + <li class="img-item">
  12 + <a href="{{href}}"> <img src="{{img}}" alt="{{alt}}"></a>
  13 + </li>
  14 + {{/ slider}}
  15 + </ul>
  16 + </div>
  17 + </div>
  18 + <div class="preference-brand-list clearfix">
  19 + {{#list}}
  20 + <div class="preference-brand-item">
  21 + <a href="{{href}}">
  22 + <img class="lazy" data-original="{{img}}"></a>
  23 + </div>
  24 + {{/list}}
  25 + <a class="preference-more" href="{{moreBrands}}">MORE&gt;</a>
  26 + </div>
  27 +</div>
  1 +<div class="slide-container">
  2 + <div class="slide-wrapper">
  3 + <ul>
  4 + {{# list}}
  5 + <li>
  6 + <a href="{{href}}">
  7 + <img class="lazy" data-original="{{img}}" alt="">
  8 + </a>
  9 + </li>
  10 + {{/ list}}
  11 + </ul>
  12 + <div class="slide-switch">
  13 + <a class="prev" href="javascript:;">
  14 + <span class="iconfont">&#xe60c;</span>
  15 + </a>
  16 + <a class="next" href="javascript:;">
  17 + <span class="iconfont">&#xe60b;</span>
  18 + </a>
  19 + </div>
  20 + </div>
  21 +
  22 + {{#if pagination}}
  23 + <div class="thumb-pagination">
  24 + <ul class="clearfix">
  25 + {{# pagination}}
  26 + <li>
  27 + <a href="{{href}}"></a>
  28 + <img src="{{img}}" alt="">
  29 + </li>
  30 + {{/ pagination}}
  31 + </ul>
  32 + </div>
  33 + {{/if}}
  34 +</div>
@@ -2,26 +2,42 @@ var $ = require('yoho.jquery'), @@ -2,26 +2,42 @@ var $ = require('yoho.jquery'),
2 lazyLoad = require('yoho.lazyload'); 2 lazyLoad = require('yoho.lazyload');
3 3
4 (function($) { 4 (function($) {
5 - var LinkageSlider = function(element, options) { 5 + var Slider = function(element, options) {
6 this.$element = $(element); 6 this.$element = $(element);
7 - this.options = $.extend({}, $.fn.linkageSlider.defaults, options);  
8 - this.bigItem = this.$element.find('.big-slide').find('li');  
9 - this.smallItem = this.$element.find('.small-slide').find('li'); 7 + this.options = $.extend({}, $.fn.slider.defaults, options);
  8 + this.bigItem = this.$element.find('.slide-wrapper').find('li');
  9 + this.smallItem = null;
10 this.len = this.bigItem.size(); 10 this.len = this.bigItem.size();
11 this.index = 0; 11 this.index = 0;
12 this.timer = null; 12 this.timer = null;
13 this.init(); 13 this.init();
14 }; 14 };
15 15
16 - LinkageSlider.prototype = { 16 + Slider.prototype = {
17 init: function() { 17 init: function() {
  18 + if (!!this.options.pagination) {
  19 + this.smallItem = $(this.options.pagination).find('li');
  20 + } else {
  21 + this._createPage();
  22 + }
18 this._slideShow(); 23 this._slideShow();
  24 + this._bindEvent();
  25 + this._autoplay();
  26 + },
  27 + _createPage: function() {
  28 + var pageHtml = '<div class="slide-pagination"><div class="slide-pagination-inner">' +
  29 + '<div class="slide-shade"></div><div class="slide-pagination-last">',
  30 + i = 0;
  31 +
19 if (this.len <= 1) { 32 if (this.len <= 1) {
20 - this.$element.find('.slide-switch').hide();  
21 return; 33 return;
22 } 34 }
23 - this._bindEvent();  
24 - this._autoplay(); 35 + for (i = 0; i < this.len; i++) {
  36 + pageHtml += '<span></span>';
  37 + }
  38 + pageHtml += '</div></div></div>';
  39 + this.$element.append($(pageHtml));
  40 + this.smallItem = $('.slide-pagination-inner').find('span');
25 }, 41 },
26 _bindEvent: function() { 42 _bindEvent: function() {
27 var that = this; 43 var that = this;
@@ -70,6 +86,9 @@ var $ = require('yoho.jquery'), @@ -70,6 +86,9 @@ var $ = require('yoho.jquery'),
70 if ($img.attr('src') !== $img.data('original')) { 86 if ($img.attr('src') !== $img.data('original')) {
71 lazyLoad($img.trigger('appear')); 87 lazyLoad($img.trigger('appear'));
72 } 88 }
  89 + if (this.len > 1) {
  90 + this.$element.find('.slide-switch').addClass('show');
  91 + }
73 this.smallItem.eq(this.index).addClass('focus').siblings().removeClass('focus'); 92 this.smallItem.eq(this.index).addClass('focus').siblings().removeClass('focus');
74 this.bigItem.eq(this.index).fadeIn().siblings().fadeOut(); 93 this.bigItem.eq(this.index).fadeIn().siblings().fadeOut();
75 }, 94 },
@@ -82,22 +101,23 @@ var $ = require('yoho.jquery'), @@ -82,22 +101,23 @@ var $ = require('yoho.jquery'),
82 }, this.options.time); 101 }, this.options.time);
83 } 102 }
84 }; 103 };
85 - $.fn.linkageSlider = function(option) { 104 + $.fn.slider = function(option) {
86 return this.each(function() { 105 return this.each(function() {
87 var $this = $(this), 106 var $this = $(this),
88 - data = $this.data('linkageSlider'), 107 + data = $this.data('Slider'),
89 options = typeof option === 'object' && option; 108 options = typeof option === 'object' && option;
90 109
91 if (!data) { 110 if (!data) {
92 - $this.data('linkageSlider', (data = new LinkageSlider(this, options))); 111 + $this.data('Slider', (data = new Slider(this, options)));
93 } 112 }
94 if (typeof option === 'string') { 113 if (typeof option === 'string') {
95 data[option](); 114 data[option]();
96 } 115 }
97 }); 116 });
98 }; 117 };
99 - $.fn.linkageSlider.Constructor = LinkageSlider;  
100 - $.fn.linkageSlider.defaults = {  
101 - time: 5000 118 + $.fn.slider.Constructor = Slider;
  119 + $.fn.slider.defaults = {
  120 + time: 5000,
  121 + pagination: null
102 }; 122 };
103 })($); 123 })($);
@@ -6,11 +6,11 @@ @@ -6,11 +6,11 @@
6 6
7 7
8 var $ = require('yoho.jquery'); 8 var $ = require('yoho.jquery');
9 -var $yohocookie = require('../plugin/yohocookie');  
10 -var $yohocart = require('../plugin/yohocart');  
11 var yohodoT = require('../plugin/yohodoT'); 9 var yohodoT = require('../plugin/yohodoT');
12 -  
13 var noticeSuccess = false; 10 var noticeSuccess = false;
  11 +
  12 +require('../plugin/yohocookie');
  13 +require('../plugin/yohocart');
14 /** 14 /**
15 * 获取头部banner的回调函数 15 * 获取头部banner的回调函数
16 * @param {[type]} data [description] 16 * @param {[type]} data [description]
@@ -560,7 +560,7 @@ function loadCartData() { @@ -560,7 +560,7 @@ function loadCartData() {
560 } 560 }
561 if ($('#miniCartBox .goods-list li').length < 1) { 561 if ($('#miniCartBox .goods-list li').length < 1) {
562 shoppingInfo = $.cookie('_g'); 562 shoppingInfo = $.cookie('_g');
563 - shoppingData = JSON.parse('(' + shoppingInfo + ')'); 563 + shoppingData = eval('(' + shoppingInfo + ')');
564 if (shoppingData !== null) { 564 if (shoppingData !== null) {
565 strK = '{"_k":"' + shoppingData._k + '","_nac":0' + ',"_ac":0,"_r":0}'; 565 strK = '{"_k":"' + shoppingData._k + '","_nac":0' + ',"_ac":0,"_r":0}';
566 $.setcookie('_g', strK, { 566 $.setcookie('_g', strK, {
@@ -588,7 +588,7 @@ function delCartGoods(id, isreduce) { @@ -588,7 +588,7 @@ function delCartGoods(id, isreduce) {
588 isreduce: isreduce 588 isreduce: isreduce
589 }, function(jsonData) { 589 }, function(jsonData) {
590 var shoppingInfo = $.cookie('_g'); 590 var shoppingInfo = $.cookie('_g');
591 - var shoppingData = JSON.parse('(' + shoppingInfo + ')'); 591 + var shoppingData = eval('(' + shoppingInfo + ')');
592 var strK = '{"_k":"' + shoppingData._k + '","_nac":' + jsonData.total_goods_num + ',"_ac":0,"_r":0}'; 592 var strK = '{"_k":"' + shoppingData._k + '","_nac":' + jsonData.total_goods_num + ',"_ac":0,"_r":0}';
593 593
594 $.setcookie('_g', strK, { 594 $.setcookie('_g', strK, {
@@ -803,8 +803,6 @@ exports.init = function() { @@ -803,8 +803,6 @@ exports.init = function() {
803 actionUpdateCartNum(); //更新购物车数量 803 actionUpdateCartNum(); //更新购物车数量
804 actionLoopUpdCartNum(); //循环检测购物车数量 804 actionLoopUpdCartNum(); //循环检测购物车数量
805 actionSearch(); //搜索执行 805 actionSearch(); //搜索执行
806 - delCartGoods();  
807 - clickMiniCartBox();  
808 - $yohocookie();  
809 - $yohocart(); 806 +
  807 +
810 }; 808 };
@@ -6,11 +6,11 @@ @@ -6,11 +6,11 @@
6 6
7 var $ = require('yoho.jquery'), 7 var $ = require('yoho.jquery'),
8 Handlebars = require('yoho.handlebars'), 8 Handlebars = require('yoho.handlebars'),
9 - lazyLoad = require('yoho.lazyload');  
10 -var $data = JSON.parse($('.home-page').attr('data-newarrivls'));  
11 -  
12 -require('../common/linkage-slider'); 9 + lazyLoad = require('yoho.lazyload'),
  10 + homePage = $('.home-page').data('page'),
  11 + $data = JSON.parse($('.home-page').attr('data-newarrivls'));
13 12
  13 +require('../common/slider');
14 require('../common/slider2'); 14 require('../common/slider2');
15 15
16 require('../common/new-arrivls')($data.url, { 16 require('../common/new-arrivls')($data.url, {
@@ -19,8 +19,18 @@ require('../common/new-arrivls')($data.url, { @@ -19,8 +19,18 @@ require('../common/new-arrivls')($data.url, {
19 }); 19 });
20 20
21 lazyLoad($('img.lazy')); 21 lazyLoad($('img.lazy'));
22 -$('.slide-container').linkageSlider();  
23 -$('.img-brand').slider2(); 22 +if (homePage === 'boys') {
  23 + $('.slide-container').slider({
  24 + pagination: '.thumb-pagination'
  25 + });
  26 + $('.img-brand').slider2();
  27 +} else if (homePage === 'girls') {
  28 + $('.center-col').slider();
  29 +} else {
  30 + $('.slide-container').slider();
  31 +}
  32 +$('.center-col').slider();
  33 +$('.img-slider-wrapper').slider2();
24 34
25 35
26 $.ajax({ 36 $.ajax({
1 1
2 -var jQuery = require('jquery'); 2 +var jQuery = require('yoho.jquery');
3 var $yohocookie = require('./yohocookie'); 3 var $yohocookie = require('./yohocookie');
4 4
5 (function($) { 5 (function($) {
1 -var jQuery = require('jquery'); 1 +var jQuery = require('yoho.jquery');
2 2
3 (function($) { 3 (function($) {
4 $.extend({ 4 $.extend({
1 1
  2 +/*男首1150 女首/儿童/创意生活990*/
2 .home-page { 3 .home-page {
3 - width: 1150px;  
4 - margin: 0 auto;  
5 - 4 + width: 990px;
  5 + margin: 10px auto 0;
  6 +
  7 + /*大banner*/
6 .slide-container { 8 .slide-container {
7 - margin: 10px 0 0; 9 + position: relative;
8 img { 10 img {
9 display: block; 11 display: block;
10 } 12 }
11 } 13 }
12 -  
13 - .big-slide { 14 +
  15 + /*大banner大图*/
  16 + .slide-wrapper {
14 position: relative; 17 position: relative;
15 height: 450px; 18 height: 450px;
16 overflow: hidden; 19 overflow: hidden;
@@ -21,8 +24,8 @@ @@ -21,8 +24,8 @@
21 } 24 }
22 25
23 &:hover { 26 &:hover {
24 - .slide-switch {  
25 - display: block; 27 + .slide-switch.show {
  28 + display: block;
26 } 29 }
27 } 30 }
28 31
@@ -38,46 +41,48 @@ @@ -38,46 +41,48 @@
38 display: block; 41 display: block;
39 } 42 }
40 } 43 }
  44 + }
  45 +
  46 + /*大图上的左右切换按钮*/
  47 + .slide-switch {
  48 + display: none;
  49 + /* @include opacity(0);
  50 + @include transition-property(opacity);
  51 + @include transition-duration(.2s);
  52 + @include transition-timing-function(ease-in); */
  53 + a {
  54 + position: absolute;
  55 + top: 50%;
  56 + margin: -30px 0 0;
  57 + width: 60px;
  58 + height: 60px;
  59 + line-height: 56px;
  60 + text-align: center;
  61 + z-index: 2;
  62 + background: #fff;
  63 + @include opacity(0.55);
41 64
42 - .slide-switch {  
43 - display: none;  
44 - /* @include opacity(0);  
45 - @include transition-property(opacity);  
46 - @include transition-duration(.2s);  
47 - @include transition-timing-function(ease-in); */  
48 - a {  
49 - position: absolute;  
50 - top: 50%;  
51 - margin: -30px 0 0;  
52 - width: 60px;  
53 - height: 60px;  
54 - line-height: 56px;  
55 - text-align: center;  
56 - z-index: 2;  
57 - background: #fff;  
58 - @include opacity(0.55);  
59 -  
60 - &.prev {  
61 - left: 0;  
62 - }  
63 -  
64 - &.next {  
65 - right: 0;  
66 - } 65 + &.prev {
  66 + left: 0;
  67 + }
67 68
68 - &:hover{  
69 - @include opacity(0.9);  
70 - }  
71 -  
72 - .iconfont {  
73 - font-size: 32px;  
74 - color: #59585a;  
75 - }  
76 - }  
77 - }  
78 - } 69 + &.next {
  70 + right: 0;
  71 + }
79 72
80 - .small-slide { 73 + &:hover{
  74 + @include opacity(0.9);
  75 + }
  76 +
  77 + .iconfont {
  78 + font-size: 32px;
  79 + color: #59585a;
  80 + }
  81 + }
  82 + }
  83 +
  84 + /*大banner缩略图*/
  85 + .thumb-pagination {
81 margin: 6px 0 0; 86 margin: 6px 0 0;
82 padding: 0 0 0 2px; 87 padding: 0 0 0 2px;
83 88
@@ -114,7 +119,124 @@ @@ -114,7 +119,124 @@
114 } 119 }
115 } 120 }
116 } 121 }
  122 +
  123 + /*大banner圆点*/
  124 + .slide-pagination {
  125 + position: absolute;
  126 + left: 0;
  127 + right: 0;
  128 + bottom: 12px;
  129 + text-align: center;
  130 + font-size: 0;
  131 + .slide-pagination-inner {
  132 + position: relative;
  133 + padding: 7px;
  134 + @include inline-block;
  135 + }
  136 + .slide-shade {
  137 + position: absolute;
  138 + left: 0;
  139 + right: 0;
  140 + top: 0;
  141 + bottom: 0;
  142 + background: #000;
  143 + @include opacity(0.3);
  144 + @include border-radius(13px);
  145 + }
  146 + span {
  147 + position: relative;
  148 + @include inline-block;
  149 + margin: 0 7px;
  150 + width: 12px;
  151 + height: 12px;
  152 + background: #fff;
  153 + cursor: pointer;
  154 + @include opacity(0.6);
  155 + @include border-radius(6px);
  156 + z-index: 2;
  157 +
  158 + &.focus {
  159 + @include opacity(1);
  160 + }
  161 + }
  162 + }
117 163
  164 + /*女首碎片banner*/
  165 + .debris-slider {
  166 + height: 440px;
  167 + width: 100%;
  168 +
  169 + .col {
  170 + float: left;
  171 +
  172 + a {
  173 + display: block;
  174 + }
  175 + }
  176 +
  177 + .left-col a,
  178 + .right-col a {
  179 + margin-bottom: 10px;
  180 +
  181 + &:last-child {
  182 + margin-bottom: 0;
  183 + }
  184 + }
  185 +
  186 + .right-col img,
  187 + .left-col img {
  188 + height: 100%;
  189 + width: 100%;
  190 + }
  191 +
  192 + .left-col {
  193 + margin-right: 9px;
  194 +
  195 + a {
  196 + width: 240px;
  197 + height: 103px;
  198 + }
  199 +
  200 + a:first-child {
  201 + height: 214px;
  202 + }
  203 + }
  204 +
  205 + .center-col {
  206 + position: relative;
  207 + width: 492px;
  208 + height: 100%;
  209 + margin-right: 9px;
  210 + font-size: 0;
  211 +
  212 + &:hover {
  213 + .slide-switch.show {
  214 + display: block;
  215 + }
  216 + }
  217 +
  218 + .slide-wrapper {
  219 + height: 100%;
  220 + }
  221 +
  222 + img {
  223 + max-width: 100%;
  224 + max-height: 100%;
  225 + }
  226 + }
  227 +
  228 + .right-col a {
  229 + width: 240px;
  230 + height: 103px;
  231 + }
  232 +
  233 + .right-col a:first-child {
  234 + height: 326px;
  235 + margin-bottom: 11px;
  236 + }
  237 + }
  238 +
  239 + /*男首最新速报*/
118 .new-report { 240 .new-report {
119 img { 241 img {
120 display: block; 242 display: block;
@@ -146,7 +268,100 @@ @@ -146,7 +268,100 @@
146 overflow: hidden; 268 overflow: hidden;
147 } 269 }
148 } 270 }
  271 +
  272 + /*优选品牌*/
  273 + .preference-brand {
  274 + overflow: hidden;
  275 + }
  276 +
  277 + .preference-brand-list {
  278 + margin-top: 8px;
  279 + width: 998px;
  280 + }
  281 +
  282 + .preference-brand-item {
  283 + float: left;
  284 + margin-right: 7px;
  285 + margin-bottom: 8px;
  286 +
  287 + a {
  288 + display: table-cell;
  289 + width: 159px;
  290 + height: 74px;
  291 + text-align: center;
  292 + vertical-align: middle;
  293 + }
  294 +
  295 + img {
  296 + display: block;
  297 + max-width: 100%;
  298 + max-height: 100%;
  299 + margin: 0 auto;
  300 + }
  301 + }
  302 +
  303 + .preference-more {
  304 + float: left;
  305 + width: 159px;
  306 + height: 74px;
  307 + line-height: 90px;
  308 + text-align: center;
  309 + color: black;
  310 + font-size: 16px;
  311 + }
  312 +
  313 + .img-slider-wrapper {
  314 + position: relative;
  315 + width: 100%;
  316 + height: 480px;
  317 + background: #8ae6e0;
  318 +
  319 + .img-brand-switch {
  320 + display: block;
  321 + a {
  322 + position: absolute;
  323 + top: 50%;
  324 + font-size: 36px;
  325 + color: #fff;
  326 +
  327 + &.next {
  328 + right: 30px;
  329 + }
  330 +
  331 + &.prev {
  332 + left: 30px;
  333 + }
  334 + }
  335 + }
  336 + }
  337 +
  338 + .img-container-landscape {
  339 + margin: 73px auto 0;
  340 + box-sizing: border-box;
  341 + width: 844px;
  342 + height: 370px;
  343 + overflow: hidden;
  344 +
  345 + .img-list {
  346 + width: 1000px;
  347 + height: 100%;
  348 + }
  349 +
  350 + .img-item {
  351 + float: left;
  352 + box-sizing: border-box;
  353 + width: 275px;
  354 + height: 100%;
  355 + margin-right: 9px;
149 356
  357 + img {
  358 + width: 100%;
  359 + height: 100%;
  360 + }
  361 + }
  362 + }
  363 +
  364 + /*男首优选品牌 图片品牌*/
150 .img-brand { 365 .img-brand {
151 position: relative; 366 position: relative;
152 width: 100%; 367 width: 100%;
@@ -177,34 +392,39 @@ @@ -177,34 +392,39 @@
177 vertical-align: middle; 392 vertical-align: middle;
178 } 393 }
179 } 394 }
180 - .img-brand-switch {  
181 - display: none;  
182 - a {  
183 - position: absolute;  
184 - top: 50%;  
185 - margin: -20px 0 0;  
186 - width: 40px;  
187 - height: 40px;  
188 - line-height: 40px;  
189 - text-align: center;  
190 - z-index: 2;  
191 - background: #fff;  
192 - @include opacity(0.55);  
193 395
194 - &.prev {  
195 - left: 0;  
196 - }  
197 - &.next {  
198 - right: 0;  
199 - }  
200 - &:hover {  
201 - @include opacity(0.9); 396 + /*图片品牌左右切换按钮*/
  397 + .img-brand-switch {
  398 + display: none;
  399 + a {
  400 + position: absolute;
  401 + top: 50%;
  402 + margin: -20px 0 0;
  403 + width: 40px;
  404 + height: 40px;
  405 + line-height: 40px;
  406 + text-align: center;
  407 + z-index: 2;
  408 + background: #fff;
  409 + @include opacity(0.55);
202 410
203 - }  
204 - }  
205 - } 411 + &.prev {
  412 + left: 0;
  413 + }
  414 + &.next {
  415 + right: 0;
  416 + }
  417 + &:hover {
  418 + @include opacity(0.9);
  419 +
  420 + }
  421 + }
  422 + }
206 } 423 }
  424 +
  425 +
207 426
  427 + /*男首优选品牌 logo品牌*/
208 .logo-brand { 428 .logo-brand {
209 width: 100%; 429 width: 100%;
210 height: 282px; 430 height: 282px;
@@ -253,6 +473,33 @@ @@ -253,6 +473,33 @@
253 } 473 }
254 } 474 }
255 } 475 }
  476 +
  477 + /*创意生活商品分类*/
  478 + .categorys-list {
  479 + ul {
  480 + width: 1004px;
  481 + }
  482 + li {
  483 + float: left;
  484 + margin: 0 7px 7px 0;
  485 + width: 161px;
  486 + height: 214px;
  487 +
  488 + &.cate-item0 {
  489 + width: 160px;
  490 + height: 435px;
  491 + }
  492 + &.cate-item1 {
  493 + width: 326px;
  494 + height: 435px;
  495 + }
  496 + img {
  497 + display: block;
  498 + width: 100%;
  499 + height: 100%;
  500 + }
  501 + }
  502 + }
256 503
257 .tpl-recommend{ 504 .tpl-recommend{
258 a{ 505 a{
@@ -455,16 +702,112 @@ @@ -455,16 +702,112 @@
455 } 702 }
456 } 703 }
457 704
458 - @media screen and (min-width: 1150px) {  
459 - .floor-header {  
460 - margin: 80px 0 40px; 705 +
  706 +}
461 707
462 - .header-navs {  
463 - li {  
464 - padding: 1px 15px;  
465 - }  
466 - }  
467 - }  
468 - } 708 +
  709 +@media screen and (min-width: 1150px) {
  710 +.home-page {
  711 + width: 1150px;
  712 +
  713 + .slide-wrapper {
  714 + height: 387px;
  715 + }
  716 +
  717 + .debris-slider {
  718 + height: 510px;
  719 + .left-col {
  720 + margin-right: 10px;
  721 +
  722 + a {
  723 + width: 280px;
  724 + height: 120px;
  725 + }
  726 +
  727 + a:first-child {
  728 + height: 250px;
  729 + }
  730 + }
  731 +
  732 + .center-col {
  733 + width: 570px;
  734 + height: 100%;
  735 + margin-right: 10px;
  736 + }
  737 +
  738 + .right-col {
  739 + a {
  740 + width: 280px;
  741 + height: 120px;
  742 + }
  743 +
  744 + a:first-child {
  745 + height: 380px;
  746 + }
  747 + }
  748 + }
  749 + .img-slider-wrapper {
  750 + height: 558px;
  751 + }
  752 +
  753 + .img-container-landscape {
  754 + margin: 86px auto 0;
  755 + width: 982px;
  756 + height: 433px;
  757 +
  758 + .img-item {
  759 + width: 320px;
  760 + margin-right: 10px;
  761 + }
  762 + }
  763 +
  764 + .preference-brand-list {
  765 + width: 1158px;
  766 + }
  767 +
  768 + .preference-brand-item {
  769 + margin-right: 8px;
  770 +
  771 + a {
  772 + width: 185px;
  773 + height: 86px;
  774 + }
  775 + }
  776 +
  777 + .preference-more {
  778 + width: 185px;
  779 + height: 86px;
  780 + line-height: 100px;
  781 + }
  782 +
  783 + .categorys-list {
  784 + ul {
  785 + width: 1158px;
  786 + }
  787 + li {
  788 + margin: 0 8px 8px 0;
  789 + width: 185px;
  790 + height: 248px;
  791 +
  792 + &.cate-item0 {
  793 + width: 185px;
  794 + height: 504px;
  795 + }
  796 + &.cate-item1 {
  797 + width: 377px;
  798 + height: 504px;
  799 + }
  800 + }
  801 + }
  802 + .floor-header {
  803 + margin: 80px 0 40px;
  804 +
  805 + .header-navs {
  806 + li {
  807 + padding: 1px 15px;
  808 + }
  809 + }
  810 + }
  811 +}
469 } 812 }
470 -@import "_index-pliffy";  
  813 +@import "_index-pliffy";
@@ -250,10 +250,10 @@ class BoysController extends AbstractAction @@ -250,10 +250,10 @@ class BoysController extends AbstractAction
250 $data = array( 250 $data = array(
251 'headerdata' => $headerdata, 251 'headerdata' => $headerdata,
252 'boysHomePage' => true, 252 'boysHomePage' => true,
253 - 'boy' => array( 253 + 'boys' => array(
254 array( 254 array(
255 'slide' => array( 255 'slide' => array(
256 - 'bigSlide' => array( 256 + 'list' => array(
257 array( 257 array(
258 'href' => '/?gender=1,3', 258 'href' => '/?gender=1,3',
259 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg' 259 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
@@ -287,7 +287,7 @@ class BoysController extends AbstractAction @@ -287,7 +287,7 @@ class BoysController extends AbstractAction
287 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg' 287 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
288 ) 288 )
289 ), 289 ),
290 - 'smallSlide' => array( 290 + 'pagination' => array(
291 array( 291 array(
292 'href' => 'http://sale.yohobuy.com/?specialsale_id=13&gender=1,3', 292 'href' => 'http://sale.yohobuy.com/?specialsale_id=13&gender=1,3',
293 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/11/26/12/024a810cfa89d67569c6c3bacedba8869a.jpg?imageMogr2/thumbnail/138x54/extent/138x54/background/d2hpdGU=/position/center/quality/90' 293 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/11/26/12/024a810cfa89d67569c6c3bacedba8869a.jpg?imageMogr2/thumbnail/138x54/extent/138x54/background/d2hpdGU=/position/center/quality/90'
@@ -363,7 +363,7 @@ class BoysController extends AbstractAction @@ -363,7 +363,7 @@ class BoysController extends AbstractAction
363 ) 363 )
364 ), 364 ),
365 array( 365 array(
366 - 'preferenceBrand' => array( 366 + 'preferenceBrands' => array(
367 'name' => '优选品牌 BRAND', 367 'name' => '优选品牌 BRAND',
368 'imgBrand' => array( 368 'imgBrand' => array(
369 array( 369 array(
@@ -248,7 +248,127 @@ class GirlsController extends AbstractAction @@ -248,7 +248,127 @@ class GirlsController extends AbstractAction
248 $data = array( 248 $data = array(
249 'headerdata' => $headerdata, 249 'headerdata' => $headerdata,
250 'boysHomePage' => true, 250 'boysHomePage' => true,
251 - 'girl' => array( 251 + 'girls' => array(
  252 + array(
  253 + 'debrisSlider' => array(
  254 + 'left' => array(
  255 + array(
  256 + 'href' => '/?gender=1,3',
  257 + 'img' => 'http://img13.static.yhbimg.com/adpic/2014/07/21/15/0210a3490eae2aad6ef8bf3b8133a49ca9.jpg'
  258 + ),
  259 + array(
  260 + 'href' => '/?gender=1,3',
  261 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/07/03/05/0228d8379c3d1f2fcde8ea01da2bc6c003.jpg'
  262 + ),
  263 + array(
  264 + 'href' => '/?gender=1,3',
  265 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/07/02/16/01b995aa117bd227bca14ccc93743bf4a2.jpg'
  266 + )
  267 + ),
  268 + 'center' => array(
  269 + array(
  270 + 'href' => '/?gender=1,3',
  271 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/09/017932663fa898878c016ee6f2793e7efc.jpg?imageView/1/w/570/h/633'
  272 + ),
  273 + array(
  274 + 'href' => '/?gender=1,3',
  275 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/03/06/013fc735bae24cbc92c0e9a98831a187d2.jpg?imageView/1/w/570/h/633'
  276 + )
  277 + ),
  278 + 'right' => array(
  279 + array(
  280 + 'href' => '/?gender=1,3',
  281 + 'img' => 'http://img11.static.yhbimg.com/taobaocms/2015/07/05/01/01b677be6bef92f988f04827db5f829488.jpg'
  282 + ),
  283 + array(
  284 + 'href' => '/?gender=1,3',
  285 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/07/03/10/02b8e3e89792b83c0a997a8d3712257f0e.gif'
  286 + )
  287 + )
  288 + )
  289 + ),
  290 + array(
  291 + 'preferenceBrands' => array(
  292 + 'name' => '优选品牌 BRAND',
  293 + 'slider' => array(
  294 + array(
  295 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  296 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/0240f288725106b408d8c524b4d0fba4b9.jpg'
  297 + ),
  298 + array(
  299 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  300 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  301 + ),
  302 + array(
  303 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  304 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  305 + ),
  306 + array(
  307 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  308 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  309 + ),
  310 + array(
  311 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  312 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  313 + ),
  314 + array(
  315 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  316 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  317 + ),
  318 + array(
  319 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  320 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  321 + ),
  322 + ),
  323 + 'list' => array(
  324 + array(
  325 + 'href' => '',
  326 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  327 + ),
  328 + array(
  329 + 'href' => '',
  330 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  331 + ),
  332 + array(
  333 + 'href' => '',
  334 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  335 + ),
  336 + array(
  337 + 'href' => '',
  338 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  339 + ),
  340 + array(
  341 + 'href' => '',
  342 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  343 + ),
  344 + array(
  345 + 'href' => '',
  346 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  347 + ),
  348 + array(
  349 + 'href' => '',
  350 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  351 + ),
  352 + array(
  353 + 'href' => '',
  354 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  355 + ),
  356 + array(
  357 + 'href' => '',
  358 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  359 + ),
  360 + array(
  361 + 'href' => '',
  362 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  363 + ),
  364 + array(
  365 + 'href' => '',
  366 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  367 +
  368 + )
  369 + )
  370 + )
  371 + ),
252 array( 372 array(
253 'recommend'=>$tpldata//潮人适配 373 'recommend'=>$tpldata//潮人适配
254 ), 374 ),
@@ -270,7 +390,7 @@ class GirlsController extends AbstractAction @@ -270,7 +390,7 @@ class GirlsController extends AbstractAction
270 'id' => '', 390 'id' => '',
271 'href' => '', 391 'href' => '',
272 'name' => 'MORE' 392 'name' => 'MORE'
273 - ) 393 + )
274 ) 394 )
275 ) 395 )
276 ) 396 )
@@ -215,15 +215,122 @@ class KidsController extends AbstractAction @@ -215,15 +215,122 @@ class KidsController extends AbstractAction
215 $data = array( 215 $data = array(
216 'headerdata' => $headerdata, 216 'headerdata' => $headerdata,
217 'boysHomePage' => true, 217 'boysHomePage' => true,
218 - 'kid' => array( 218 + 'kids' => array(
219 array( 219 array(
220 - 'newArrivls' => array(  
221 - 'name' => '最新上架 NEW ARRIVALS',  
222 - 'navs' => array( 220 + 'slide' => array(
  221 + 'list' => array(
  222 + array(
  223 + 'href' => '/?gender=1,3',
  224 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  225 + ),
  226 + array(
  227 + 'href' => '/?gender=1,3',
  228 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  229 + ),
  230 + array(
  231 + 'href' => '/?gender=1,3',
  232 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  233 + ),
  234 + array(
  235 + 'href' => '/?gender=1,3',
  236 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  237 + ),
  238 + array(
  239 + 'href' => '/?gender=1,3',
  240 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  241 + ),
  242 + array(
  243 + 'href' => '/?gender=1,3',
  244 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  245 + ),
  246 + array(
  247 + 'href' => '/?gender=1,3',
  248 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  249 + ),
  250 + array(
  251 + 'href' => '/?gender=1,3',
  252 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  253 + )
  254 + )
  255 + )
  256 + ),
  257 + array(
  258 + 'preferenceBrands' => array(
  259 + 'name' => '优选品牌 BRAND',
  260 + 'slider' => array(
  261 + array(
  262 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  263 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/0240f288725106b408d8c524b4d0fba4b9.jpg'
  264 + ),
  265 + array(
  266 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  267 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  268 + ),
  269 + array(
  270 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  271 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  272 + ),
  273 + array(
  274 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  275 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  276 + ),
  277 + array(
  278 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  279 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  280 + ),
  281 + array(
  282 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  283 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  284 + ),
  285 + array(
  286 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  287 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  288 + ),
  289 + ),
  290 + 'list' => array(
  291 + array(
  292 + 'href' => '',
  293 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  294 + ),
  295 + array(
  296 + 'href' => '',
  297 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  298 + ),
  299 + array(
  300 + 'href' => '',
  301 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  302 + ),
  303 + array(
  304 + 'href' => '',
  305 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  306 + ),
  307 + array(
  308 + 'href' => '',
  309 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  310 + ),
  311 + array(
  312 + 'href' => '',
  313 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  314 + ),
  315 + array(
  316 + 'href' => '',
  317 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  318 + ),
  319 + array(
  320 + 'href' => '',
  321 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  322 + ),
  323 + array(
  324 + 'href' => '',
  325 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  326 + ),
  327 + array(
  328 + 'href' => '',
  329 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  330 + ),
223 array( 331 array(
224 - 'id' => '',  
225 'href' => '', 332 'href' => '',
226 - 'name' => 'MORE' 333 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
227 ) 334 )
228 ) 335 )
229 ) 336 )
@@ -217,14 +217,253 @@ class LifestyleController extends AbstractAction @@ -217,14 +217,253 @@ class LifestyleController extends AbstractAction
217 'boysHomePage' => true, 217 'boysHomePage' => true,
218 'lifestyle' => array( 218 'lifestyle' => array(
219 array( 219 array(
220 - 'newArrivls' => array(  
221 - 'name' => '最新上架 NEW ARRIVALS', 220 + 'slide' => array(
  221 + 'list' => array(
  222 + array(
  223 + 'href' => '/?gender=1,3',
  224 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  225 + ),
  226 + array(
  227 + 'href' => '/?gender=1,3',
  228 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  229 + ),
  230 + array(
  231 + 'href' => '/?gender=1,3',
  232 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  233 + ),
  234 + array(
  235 + 'href' => '/?gender=1,3',
  236 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  237 + ),
  238 + array(
  239 + 'href' => '/?gender=1,3',
  240 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  241 + ),
  242 + array(
  243 + 'href' => '/?gender=1,3',
  244 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  245 + ),
  246 + array(
  247 + 'href' => '/?gender=1,3',
  248 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  249 + ),
  250 + array(
  251 + 'href' => '/?gender=1,3',
  252 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  253 + )
  254 + )
  255 + )
  256 + ),
  257 + array(
  258 + 'preferenceBrands' => array(
  259 + 'name' => '优选品牌 BRAND',
  260 + 'slider' => array(
  261 + array(
  262 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  263 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/0240f288725106b408d8c524b4d0fba4b9.jpg'
  264 + ),
  265 + array(
  266 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  267 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  268 + ),
  269 + array(
  270 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  271 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  272 + ),
  273 + array(
  274 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  275 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  276 + ),
  277 + array(
  278 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  279 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  280 + ),
  281 + array(
  282 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  283 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  284 + ),
  285 + array(
  286 + 'href' => 'http://www.yohobuy.com/special_8585_0618TEEBOY.html',
  287 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/06/17/07/02934d7696b187d260341d31c084eb93cc.jpg'
  288 + ),
  289 + ),
  290 + 'list' => array(
  291 + array(
  292 + 'href' => '',
  293 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  294 + ),
  295 + array(
  296 + 'href' => '',
  297 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  298 + ),
  299 + array(
  300 + 'href' => '',
  301 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  302 + ),
  303 + array(
  304 + 'href' => '',
  305 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  306 + ),
  307 + array(
  308 + 'href' => '',
  309 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  310 + ),
  311 + array(
  312 + 'href' => '',
  313 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  314 + ),
  315 + array(
  316 + 'href' => '',
  317 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  318 + ),
  319 + array(
  320 + 'href' => '',
  321 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  322 + ),
  323 + array(
  324 + 'href' => '',
  325 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  326 + ),
  327 + array(
  328 + 'href' => '',
  329 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  330 + ),
  331 + array(
  332 + 'href' => '',
  333 + 'img' => 'http://img10.static.yhbimg.com/brandLogo/2013/01/14/14/01fe59a9d032ed8a69552209c34948addb.jpg?imageMogr2/thumbnail/80x50/extent/80x50/background/d2hpdGU=/position/center/quality/90'
  334 + )
  335 + )
  336 + )
  337 + ),
  338 + array(
  339 + 'category' => array(
  340 + 'name' => '居家 CATEGORY',
  341 + 'navs' => array(
  342 + array(
  343 + 'id' => '',
  344 + 'href' => '',
  345 + 'name' => '厨具'
  346 + ),
  347 + array(
  348 + 'id' => '',
  349 + 'href' => '',
  350 + 'name' => '雨伞'
  351 + ),
  352 + array(
  353 + 'id' => '',
  354 + 'href' => '',
  355 + 'name' => '家居饰品'
  356 + ),
  357 + array(
  358 + 'id' => '',
  359 + 'href' => '',
  360 + 'name' => '杯子'
  361 + ),
  362 + array(
  363 + 'id' => '',
  364 + 'href' => '',
  365 + 'name' => 'MORE'
  366 + )
  367 + ),
  368 + 'list' => array(
  369 + array(
  370 + 'href' => '',
  371 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/013dcf960e30cee86f0e521b329aba020f.jpg?imageView/2/w/185/h/510'
  372 + ),
  373 + array(
  374 + 'href' => '',
  375 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/01d1dcf2654cfb7d9f4979c5f99bd7276f.jpg?imageView/2/w/377/h/504'
  376 + ),
  377 + array(
  378 + 'href' => '',
  379 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  380 + ),
  381 + array(
  382 + 'href' => '',
  383 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  384 + ),
  385 + array(
  386 + 'href' => '',
  387 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  388 + ),
  389 + array(
  390 + 'href' => '',
  391 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  392 + ),
  393 + array(
  394 + 'href' => '',
  395 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  396 + ),
  397 + array(
  398 + 'href' => '',
  399 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  400 + )
  401 + )
  402 + )
  403 + ),
  404 + array(
  405 + 'category' => array(
  406 + 'name' => '数码3C',
222 'navs' => array( 407 'navs' => array(
223 array( 408 array(
224 'id' => '', 409 'id' => '',
225 'href' => '', 410 'href' => '',
  411 + 'name' => 'U盘'
  412 + ),
  413 + array(
  414 + 'id' => '',
  415 + 'href' => '',
  416 + 'name' => '手机壳'
  417 + ),
  418 + array(
  419 + 'id' => '',
  420 + 'href' => '',
  421 + 'name' => '相机'
  422 + ),
  423 + array(
  424 + 'id' => '',
  425 + 'href' => '',
  426 + 'name' => '耳机'
  427 + ),
  428 + array(
  429 + 'id' => '',
  430 + 'href' => '',
226 'name' => 'MORE' 431 'name' => 'MORE'
227 ) 432 )
  433 + ),
  434 + 'list' => array(
  435 + array(
  436 + 'href' => '',
  437 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/013dcf960e30cee86f0e521b329aba020f.jpg?imageView/2/w/185/h/510'
  438 + ),
  439 + array(
  440 + 'href' => '',
  441 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/04/02/01d1dcf2654cfb7d9f4979c5f99bd7276f.jpg?imageView/2/w/377/h/504'
  442 + ),
  443 + array(
  444 + 'href' => '',
  445 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  446 + ),
  447 + array(
  448 + 'href' => '',
  449 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  450 + ),
  451 + array(
  452 + 'href' => '',
  453 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  454 + ),
  455 + array(
  456 + 'href' => '',
  457 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  458 + ),
  459 + array(
  460 + 'href' => '',
  461 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  462 + ),
  463 + array(
  464 + 'href' => '',
  465 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/06/02/01dc38fb23c6a0a7cca919a18266dab9c1.jpg?imageView/2/w/185/h/510'
  466 + )
228 ) 467 )
229 ) 468 )
230 ) 469 )