fe / YOHOBUYWAP · Commits

Go to a project

Authored by hf
Commit 6b58b024c7332524c1b2e01bcef7f90a14e3b17e 2 parents ec2a69da eb98171f

Merge branch 'develop' of http://git.dev.yoho.cn/web/yohobuy into develop

Inline Side-by-side
Showing 56 changed files with 2008 additions and 57 deletions
@@ -3,4 +3,5 @@ nbproject @@ -3,4 +3,5 @@ nbproject
3 .idea 3 .idea
4 .gitignore 4 .gitignore
5 .gitmodules 5 .gitmodules
6 -compile/  
  6 +compile/
  7 +script/nginx/logs
@@ -242,14 +242,18 @@ @@ -242,14 +242,18 @@
242 text: '', 242 text: '',
243 publishTime: '', 243 publishTime: '',
244 pageView: '', 244 pageView: '',
  245 + //APP打开显示收藏，WAP打开显示点赞
245 like: { 246 like: {
246 isLiked: true, 247 isLiked: true,
247 count: 1 248 count: 1
248 }, 249 },
  250 + collect: {
  251 + isCollected: true
  252 + },
249 share: false, 253 share: false,
250 isFashionMan: true, //标签分类:isTip、isCollocation、isFashionMan、isFashionGood、isTopic 254 isFashionMan: true, //标签分类:isTip、isCollocation、isFashionMan、isFashionGood、isTopic
251 author: { 255 author: {
252 - id: '', 256 + url: '',
253 avatar: '', 257 avatar: '',
254 name: '' 258 name: ''
255 } 259 }
This diff could not be displayed because it is too large.
@@ -2,5 +2,6 @@ var yohobuy; @@ -2,5 +2,6 @@ var yohobuy;
2 2
3 require('./js/passport/index'); 3 require('./js/passport/index');
4 require('./js/guang/index'); 4 require('./js/guang/index');
  5 +require('./js/homePage/index');
5 6
6 module.exports = yohobuy; 7 module.exports = yohobuy;
@@ -18,7 +18,7 @@ var $infoList = $('#info-list'), @@ -18,7 +18,7 @@ var $infoList = $('#info-list'),
18 $infos = $infoList.children('.info-list'), 18 $infos = $infoList.children('.info-list'),
19 $nav = $('#guang-nav'), 19 $nav = $('#guang-nav'),
20 $curNav = $nav.children('.focus'), 20 $curNav = $nav.children('.focus'),
21 - curIndex = $curNav.index(); 21 + curType = $curNav.data('type');
22 22
23 var state = {}; 23 var state = {};
24 24
@@ -67,15 +67,11 @@ $nav.delegate('.guang-nav-item', 'touchstart', function() { @@ -67,15 +67,11 @@ $nav.delegate('.guang-nav-item', 'touchstart', function() {
67 setLazyLoadAndMellipsis($content.children('.guang-info')); 67 setLazyLoadAndMellipsis($content.children('.guang-info'));
68 68
69 $curNav = $this; 69 $curNav = $this;
70 - curIndex = index; 70 + curType = $this.data('type');
71 }); 71 });
72 72
73 $(document).scroll(function() { 73 $(document).scroll(function() {
74 - if (state[curIndex].end) {  
75 - return;  
76 - }  
77 -  
78 - if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {  
79 - loadMore($infos, state[curIndex]); 74 + if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH && !state[curType].end) {
  75 + loadMore($infos, state[curType]);
80 } 76 }
81 }); 77 });
  1 +/**
  2 + * kids,lifestyle商品模块JS
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/10/12
  5 + */
@@ -3,8 +3,5 @@ @@ -3,8 +3,5 @@
3 * @author: liangzhifeng<zhifeng.liang@yoho.cn> 3 * @author: liangzhifeng<zhifeng.liang@yoho.cn>
4 * @date: 2015/10/12 4 * @date: 2015/10/12
5 */ 5 */
6 - var $ = require('yoho.zepto'),  
7 - lazyLoad = require('yoho.lazyload');  
8 6
9 -//Init LazyLoad  
10 -lazyLoad($('img.lazy'));  
  7 +require('./home');
  1 +/**
  2 + * 首页
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/10/12
  5 + */
  6 +var $ = require('yoho.zepto'),
  7 + Swiper = require('yoho.iswiper'),
  8 + lazyLoad = require('yoho.lazyload'),
  9 + bannerSwiper,
  10 + recommendSwiper,
  11 + trendTopicSwiper,
  12 + goodsSwiper;
  13 +
  14 +var swiperClass;
  15 +
  16 +var requestFrame,
  17 + thisFunc,
  18 + start = 0,
  19 + i,
  20 + supportCss3,
  21 + $logotrans = $('.home-header .logo'),
  22 + isen = true;
  23 +
  24 +lazyLoad($('img.lazy'));
  25 +
  26 +//$('img:in-viewport').trigger('appear');
  27 +
  28 +//点击首页汉堡menu图标，滑出侧栏导航
  29 +$('.nav-btn').on('click', function (event) {
  30 + if (!$(this).hasClass('menu-open')) {
  31 + $('.mobile-wrap').addClass('menu-open');
  32 + $('.overlay').addClass('show');
  33 + $('.side-nav').addClass('on');
  34 +
  35 + //设置boy高宽，页面不能上下滑动
  36 + $('body').css({
  37 + height: $(window).height(),
  38 + width: '100%',
  39 + overflow: 'hidden'
  40 + });
  41 + }
  42 + event.stopPropagation();
  43 +});
  44 +
  45 +//点击页面主体，收起侧栏导航及二级导航
  46 +$('.mobile-wrap').on('click', function () {
  47 + if ($(this).hasClass('menu-open')) {
  48 + $('.mobile-wrap').removeClass('menu-open');
  49 + $('.overlay').removeClass('show');
  50 + $('.sub-nav').removeClass('show');
  51 + $('.side-nav').removeClass('on');
  52 + $('body').css({
  53 + height: 'auto',
  54 + overflow: 'auto'
  55 + });
  56 + }
  57 +});
  58 +
  59 +//点击一级导航，弹出二级导航
  60 +$('.side-nav').on('click', 'li', function () {
  61 + if ($(this).find('.sub-nav').size() > 0) {
  62 + $('.sub-nav').removeClass('show');
  63 + $(this).find('.sub-nav').addClass('show');
  64 + }
  65 +});
  66 +
  67 +//返回一级导航，收起二级导航
  68 +$('.sub-nav').each(function () {
  69 + $(this).find('li').eq(0).on('click', function (e) {
  70 + $('.sub-nav').removeClass('show');
  71 + e.stopPropagation();
  72 + });
  73 +});
  74 +
  75 +//二级导航样式控制
  76 +$('.sub-nav').on('mouseenter', 'li', function () {
  77 + if ($(this).index() !== 0) {
  78 + $(this).addClass('current').siblings().removeClass('current');
  79 + }
  80 +});
  81 +
  82 +//头部banner轮播
  83 +if ($('.banner-swiper').find('li').size() > 1) {
  84 + bannerSwiper = new Swiper('.banner-swiper', {
  85 + loop: true,
  86 + autoplay: 3000,
  87 + autoplayDisableOnInteraction: false,
  88 + paginationClickable: true,
  89 + slideElement: 'li',
  90 + pagination: '.banner-top .pagination-inner'
  91 + });
  92 +}
  93 +
  94 +//热门品牌滑动
  95 +// hotBrandsSwiper = new Swiper('.brands-swiper', {
  96 +// grabCursor: true,
  97 +// slidesPerView: 'auto',
  98 +// wrapperClass: 'brands-list',
  99 +// slideElement: 'li'
  100 +// });
  101 +
  102 +//推荐搭配滑动
  103 +recommendSwiper = new Swiper('.recommend-swiper', {
  104 + grabCursor: true,
  105 + slidesPerView: 'auto',
  106 + wrapperClass: 'recommend-list',
  107 + slideElement: 'li'
  108 +});
  109 +
  110 +//潮品话题轮播
  111 +if ($('.trend-topic-swiper').find('li').size() > 1) {
  112 + trendTopicSwiper = new Swiper('.trend-topic-swiper', {
  113 + loop: true,
  114 + autoplay: 3000,
  115 + autoplayDisableOnInteraction: false,
  116 + paginationClickable: true,
  117 + slideElement: 'li',
  118 + pagination: '.trend-topic-content .pagination-inner'
  119 + });
  120 +}
  121 +
  122 +//潮流上装/经典裤装等轮播
  123 +$('.category-swiper').each(function (i, index) {
  124 + swiperClass = 'category-swiper' + i;
  125 + $(this).addClass(swiperClass);
  126 + if ($('.' + swiperClass).find('.swiper-slide').size() > 1) {
  127 + goodsSwiper = new Swiper('.' + swiperClass, {
  128 + loop: true,
  129 + autoplay: 3000,
  130 + autoplayDisableOnInteraction: false,
  131 + paginationClickable: true,
  132 + slideElement: 'li',
  133 + pagination: '.' + swiperClass + ' .pagination-inner'
  134 + });
  135 + }
  136 +});
  137 +
  138 +
  139 +//回到顶部
  140 +// $('.back-to-top').bind('touchstart', function (e) {
  141 +// e.preventDefault();
  142 +// $(window).scrollTop(0);
  143 +// });
  144 +
  145 +//关闭头部下载浮层
  146 +$('.header-download').on('click', '.close-btn', function () {
  147 + $(this).parent().remove();
  148 +});
  149 +
  150 +
  151 +//logo动画
  152 +requestFrame = (function () {
  153 + var tempFunc = null,
  154 + prefixList = ['webkit', 'moz', 'ms'];
  155 +
  156 + for (i = 0; i < prefixList.length; i++) {
  157 + thisFunc = prefixList[i] + 'RequestAnimationFrame';
  158 + if (window[thisFunc]) {
  159 + supportCss3 = true;
  160 + tempFunc = thisFunc;
  161 + }
  162 + }
  163 +
  164 + if (supportCss3) {
  165 + return function (callback) {
  166 + window[tempFunc](callback);
  167 + };
  168 + }
  169 + return function (callback) {
  170 + window.setTimeout(callback, 67);
  171 + };
  172 +})();
  173 +
  174 +function tsAnimate() {
  175 + start = start + 10;
  176 + $logotrans.css({
  177 + transform: 'rotateX(' + start + 'deg)',
  178 + '-webkit-transform': 'rotateX(' + start + 'deg)',
  179 + '-moz-transform': 'rotateX(' + start + 'deg)'
  180 + });
  181 + if (start / 90 % 2 === 1) {
  182 + if (isen) {
  183 + $logotrans.addClass('animate');
  184 + isen = false;
  185 + } else {
  186 + $logotrans.removeClass('animate');
  187 + isen = true;
  188 + }
  189 + }
  190 + if (start / 90 % 2 === 0 && start % 360 !== 0) {
  191 + window.setTimeout(tsAnimate, 3000);
  192 + } else {
  193 + if (start % 360 === 0) {
  194 + window.setTimeout(tsAnimate, 3 * 60 * 1000);
  195 + } else {
  196 + requestFrame(function () {
  197 + tsAnimate();
  198 + });
  199 + }
  200 + }
  201 +}
  202 +
  203 +tsAnimate();
  204 +
  1 +/**
  2 + * 首页入口
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/10/12
  5 + */
  6 +
  7 +require('./home');
  1 +/**
  2 + * 儿童
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/10/12
  5 + */
  6 +
  7 +require('./home');
  1 +/**
  2 + * 创意生活
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/10/12
  5 + */
  6 +
  7 +require('./home');
  1 +/**
  2 + * “你可能喜欢”模块JS
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/10/12
  5 + */
@@ -5,6 +5,28 @@ @@ -5,6 +5,28 @@
5 border-bottom: 1px solid #e0e0e0; 5 border-bottom: 1px solid #e0e0e0;
6 background: #fff; 6 background: #fff;
7 7
  8 + .info-author {
  9 + display: block;
  10 + width: 100%;
  11 +
  12 + .avatar {
  13 + float: left;
  14 + margin-top: 20rem / $pxConvertRem;
  15 + width: 50rem / $pxConvertRem;
  16 + height: 50rem / $pxConvertRem;
  17 + margin-left: 30rem / $pxConvertRem;
  18 + @include border-radius(50%);
  19 + }
  20 +
  21 + .name {
  22 + float: left;
  23 + margin-left: 30rem / $pxConvertRem;
  24 + padding: 30rem / $pxConvertRem 0;
  25 + font-size: 28rem / $pxConvertRem;
  26 + color: #000;
  27 + }
  28 + }
  29 +
8 &:last-child { 30 &:last-child {
9 margin-bottom: 0; 31 margin-bottom: 0;
10 } 32 }
@@ -18,7 +18,7 @@ @@ -18,7 +18,7 @@
18 float: left; 18 float: left;
19 } 19 }
20 20
21 - .like-btn, .share-btn { 21 + .iconfont {
22 position: relative; 22 position: relative;
23 height: 60rem / $pxConvertRem; 23 height: 60rem / $pxConvertRem;
24 line-height: 60rem / $pxConvertRem; 24 line-height: 60rem / $pxConvertRem;
@@ -40,5 +40,12 @@ @@ -40,5 +40,12 @@
40 .like-btn.like { 40 .like-btn.like {
41 color: #444; 41 color: #444;
42 } 42 }
  43 +
  44 + .collect-btn {
  45 + margin-left: 20rem / $pxConvertRem;
  46 + &.collected {
  47 + color: #444;
  48 + }
  49 + }
43 } 50 }
44 } 51 }
@@ -71,20 +71,20 @@ @@ -71,20 +71,20 @@
71 71
72 .recommend-list { 72 .recommend-list {
73 position: relative; 73 position: relative;
74 -}  
75 -  
76 -.recommend-item {  
77 - float: left;  
78 - padding-left: 30rem / $pxConvertRem;  
79 - width: 140rem / $pxConvertRem;  
80 - height: 140rem / $pxConvertRem;  
81 - a {  
82 - display: block;  
83 - width: 100%;  
84 - height: 100%;  
85 - img { 74 + .recommend-item {
  75 + float: left;
  76 + padding-left: 30rem / $pxConvertRem;
  77 + width: 140rem / $pxConvertRem;
  78 + height: 140rem / $pxConvertRem;
  79 + a {
  80 + display: block;
86 width: 100%; 81 width: 100%;
87 height: 100%; 82 height: 100%;
  83 + img {
  84 + width: 100%;
  85 + height: 100%;
  86 + }
88 } 87 }
89 } 88 }
90 -}  
  89 +}
  90 +
  1 +.discount-section {
  2 + li {
  3 + margin-bottom: 30rem / $pxConvertRem;
  4 + font-size: 24rem / $pxConvertRem;
  5 + line-height: 76rem / $pxConvertRem;
  6 + background: #fff;
  7 +
  8 + a {
  9 + color: #000;
  10 + }
  11 +
  12 + img {
  13 + text-align: center;
  14 + width: 640rem / $pxConvertRem;
  15 + height: 250rem / $pxConvertRem;
  16 + vertical-align: middle;
  17 + }
  18 + }
  19 +
  20 + .title {
  21 + float: left;
  22 + padding-left: 20rem / $pxConvertRem;
  23 + }
  24 +
  25 + .time {
  26 + float: right;
  27 + padding-right: 20rem / $pxConvertRem;
  28 +
  29 + &.rush {
  30 + color: #d0021b;
  31 + }
  32 + }
  33 +}
  1 +.floor-header{
  2 + margin: 29rem / $pxConvertRem 30rem / $pxConvertRem 0;
  3 + background: #fff;
  4 + border: 1px solid #e0e0e0;
  5 + border-bottom: none;
  6 + height: 70rem / $pxConvertRem;
  7 + line-height: 70rem / $pxConvertRem;
  8 + text-align: center;
  9 + font-size: 30rem / $pxConvertRem;
  10 + color: #b1b1b1;
  11 +}
  1 +.good-info {
  2 + float: left;
  3 + width: 276rem / $pxConvertRem;
  4 + height: 486rem / $pxConvertRem;
  5 + margin: 0 (15rem / $pxConvertRem);
  6 +
  7 + .tag-container {
  8 + height: 28rem / $pxConvertRem;
  9 + width: 100%;
  10 + overflow: hidden;
  11 +
  12 + .good-tag {
  13 + display: block;
  14 + float: left;
  15 + height: 28rem / $pxConvertRem;
  16 + font-size: 18rem / $pxConvertRem;
  17 + text-align: center;
  18 + line-height: 28rem / $pxConvertRem;
  19 + box-sizing: border-box;
  20 + margin-right: 4rem / $pxConvertRem;
  21 +
  22 + &:last-child {
  23 + margin-right: 0;
  24 + }
  25 + }
  26 +
  27 + .new-tag {
  28 + width: 60rem / $pxConvertRem;
  29 + background-color: #78dc7e;
  30 + color: #fff;
  31 + }
  32 +
  33 + .renew-tag {
  34 + width: 90rem / $pxConvertRem;
  35 + background-color: #78dc7e;
  36 + color: #fff;
  37 + }
  38 +
  39 + .sale-tag {
  40 + width: 60rem / $pxConvertRem;
  41 + background-color: #ff575c;
  42 + color: #fff;
  43 + }
  44 +
  45 + .yohood-tag {
  46 + width: 90rem / $pxConvertRem;
  47 + background: image-url("yohood.png") no-repeat;
  48 + background-size: 100% 100%;
  49 + }
  50 +
  51 + .limit-tag {
  52 + width: 90rem / $pxConvertRem;
  53 + border: 1px solid #000;
  54 + color: #000;
  55 + }
  56 + }
  57 +}
  58 +
  59 +.good-detail-img {
  60 + position: relative;
  61 +
  62 + .good-islike {
  63 + position: absolute;
  64 + width: 60rem / $pxConvertRem;
  65 + height: 60rem / $pxConvertRem;
  66 + top: 0rem / $pxConvertRem;
  67 + right: 0rem / $pxConvertRem;
  68 + line-height: 60rem / $pxConvertRem;
  69 + font-size: 30rem / $pxConvertRem;
  70 + text-align: center;
  71 + color: #b0b0b0;
  72 + text-decoration: none;
  73 + }
  74 +
  75 + .good-like {
  76 + color: #d72928;
  77 + }
  78 +
  79 + img {
  80 + display: block;
  81 + width: 100%;
  82 + height: 366rem / $pxConvertRem;
  83 + }
  84 +
  85 + .few-tag {
  86 + position: absolute;
  87 + bottom: 0;
  88 + width: 100%;
  89 + height: 28rem / $pxConvertRem;
  90 + background: #ffac5b;
  91 + font-size: 18rem / $pxConvertRem;
  92 + color: #fff;
  93 + line-height: 28rem / $pxConvertRem;
  94 + text-align: center;
  95 + }
  96 +}
  97 +
  98 +.good-detail-text {
  99 + .name a {
  100 + display: block;
  101 + line-height: 56rem / $pxConvertRem;
  102 + overflow: hidden;
  103 + white-space: nowrap;
  104 + text-overflow: ellipsis;
  105 + text-decoration: none;
  106 + font-size: 22rem / $pxConvertRem;
  107 + color: #444;
  108 + }
  109 +
  110 + .price {
  111 + line-height: 22rem / $pxConvertRem;
  112 + font-size: 22rem / $pxConvertRem;
  113 +
  114 + .sale-price {
  115 + color: #d62927;
  116 + }
  117 +
  118 + .sale-price.no-price {
  119 + color: #000;
  120 + }
  121 +
  122 + .market-price {
  123 + margin: 0 0 0 (5rem / $pxConvertRem);
  124 + color: #b0b0b0;
  125 + text-decoration: line-through;
  126 + }
  127 + }
  128 +
  129 + .vip-tag {
  130 + display: none;
  131 + margin: (5rem / $pxConvertRem) 0 0;
  132 + padding: 0 0 0 (96rem / $pxConvertRem);
  133 + height: 32rem / $pxConvertRem;
  134 + line-height: 32rem / $pxConvertRem;
  135 + background: image-url("sale-icon/vip.png") no-repeat left center;
  136 + background-size: auto 100%;
  137 + font-size: 18rem / $pxConvertRem;
  138 + }
  139 +}
  1 +@import "./goods-nav","./good-info";
  2 +.goods-content{
  3 + position: relative;
  4 + background: #fff;
  5 + padding: 0 0 0 15rem / $pxConvertRem;
  6 +}
  7 +
  8 +.screen-mask, .screen-content {
  9 + position: absolute;
  10 + left: 0;
  11 + right: 0;
  12 + top: 0;
  13 +}
  14 +
  15 +.screen-mark {
  16 + height: 100%;
  17 + background-color: #000;
  18 + opacity: 0.1;
  19 + filter: Alpha(opacity=10);
  20 +}
  21 +
  22 +.screen-content{
  23 + .classify{
  24 + float: left;
  25 + width: 320rem / $pxConvertRem;
  26 + background: #f8f8f8;
  27 + li{
  28 + padding-left: 28rem / $pxConvertRem;
  29 + height: 80rem / $pxConvertRem;
  30 + line-height: 80rem / $pxConvertRem;
  31 + font-size: 28rem / $pxConvertRem;
  32 + h1{
  33 + display: inline-block;
  34 + color: #a0a0a0;
  35 + }
  36 + }
  37 + li.active{
  38 + background: #fff;
  39 + h1{
  40 + color: #000;
  41 + }
  42 + }
  43 + }
  44 + .sub-classify-container{
  45 + float: left;
  46 + width: 320rem / $pxConvertRem;
  47 + background: #fff;
  48 + height: 100%;
  49 + overflow-y:auto;
  50 + li{
  51 + position: relative;
  52 + margin: 0 0 0 20rem / $pxConvertRem;
  53 + padding: 0 0 0 14rem / $pxConvertRem;
  54 + height: 78rem / $pxConvertRem;
  55 + line-height: 78rem / $pxConvertRem;
  56 + border-bottom: 2rem / $pxConvertRem solid #e0e0e0;
  57 + font-size: 28rem / $pxConvertRem;
  58 + color: #000;
  59 + .chosed-icon{
  60 + display: none;
  61 + position: absolute;
  62 + top: 0;
  63 + right: 28rem / $pxConvertRem;
  64 + font-size: 32rem / $pxConvertRem;
  65 + }
  66 + }
  67 + li.chosed{
  68 + .chosed-icon{
  69 + display: block;
  70 + }
  71 + }
  72 + }
  73 +}
  74 +
  1 +.goods-group {
  2 + ul {
  3 + padding: (15rem / $pxConvertRem) 0 (15rem / $pxConvertRem) (15rem / $pxConvertRem);
  4 + background: #fff;
  5 + }
  6 +}
  1 +.goods-item {
  2 + float: left;
  3 + margin: 15rem/$pxConvertRem;
  4 + background: #fff;
  5 + color: #444;
  6 + a {
  7 + font-size: 22rem/$pxConvertRem;
  8 + line-height: 36rem/$pxConvertRem;
  9 + color: #222;
  10 + }
  11 + img {
  12 + width: 276rem/$pxConvertRem;
  13 + height: 368rem/$pxConvertRem;
  14 + }
  15 + .goods-title {
  16 + max-width: 276rem/$pxConvertRem;
  17 + overflow: hidden;
  18 + white-space: nowrap;
  19 + text-overflow: ellipsis;
  20 + }
  21 + .price {
  22 + font-size: 22rem/$pxConvertRem;
  23 + line-height: 32rem/$pxConvertRem;
  24 + }
  25 + .sale-price {
  26 + color: #d0021b;
  27 + }
  28 + .sale-price.no-price {
  29 + color: #000;
  30 + }
  31 + .market-price {
  32 + margin: 0 0 0 (5rem / $pxConvertRem);
  33 + color: #b6b6b6;
  34 + text-decoration: line-through;
  35 + }
  36 + .vip-cheap {
  37 + font-size: 18rem/$pxConvertRem;
  38 + line-height: 32rem/$pxConvertRem;
  39 + }
  40 + %vip-icon {
  41 + float: left;
  42 + margin-right: 12rem/$pxConvertRem;
  43 + background-size: 100%;
  44 + background-repeat: no-repeat;
  45 + }
  46 + .vip-icon {
  47 + @extend %vip-icon;
  48 + width: 88rem/$pxConvertRem;
  49 + height: 32rem/$pxConvertRem;
  50 + background-image: url(../img/sale-icon/vip.png);
  51 + }
  52 + .vip-card-gold {
  53 + @extend %vip-icon;
  54 + width: 52rem/$pxConvertRem;
  55 + height: 32rem/$pxConvertRem;
  56 + background-image: url(../img/sale-icon/vip-card-gold.png);
  57 + }
  58 +}
  59 +
  1 +.goods-nav {
  2 + position: relative;
  3 + width: 100%;
  4 + height: 67rem / $pxConvertRem;
  5 + background: #fff;
  6 + text-align: center;
  7 + overflow: hidden;
  8 +
  9 + &:after {
  10 + content: '';
  11 + position: absolute;
  12 + left: 0;
  13 + bottom: 0;
  14 + width: 100%;
  15 + border-top: 1px solid #e6e6e6;
  16 + }
  17 +
  18 + .swiper-wrapper {
  19 + white-space: nowrap;
  20 + }
  21 +
  22 + li {
  23 + display: inline-block;
  24 + width: auto;
  25 + margin: 0 0 0 (34.4rem / $pxConvertRem);
  26 + font-size: 28rem / $pxConvertRem;
  27 + padding: 0 (6rem / $pxConvertRem);
  28 + height: 67rem / $pxConvertRem;
  29 + line-height: 67rem / $pxConvertRem;
  30 + color: #999;
  31 +
  32 + // border-bottom: (4rem / $pxConvertRem) solid transparent;
  33 + span {
  34 + display: inline-block;
  35 + }
  36 +
  37 + .sort {
  38 + width: 24rem / $pxConvertRem;
  39 + vertical-align: middle;
  40 + }
  41 +
  42 + .iconfont {
  43 + display: block;
  44 + font-size: 26rem / $pxConvertRem;
  45 + height: 30rem / $pxConvertRem;
  46 + line-height: 40rem / $pxConvertRem;
  47 +
  48 + &.down {
  49 + line-height: 30rem / $pxConvertRem;
  50 + }
  51 +
  52 + &.up + .down {
  53 + line-height: 20rem / $pxConvertRem;
  54 + }
  55 + }
  56 + }
  57 +
  58 + li.focus {
  59 + color: #000;
  60 +
  61 + &:after {
  62 + content: '';
  63 + position: absolute;
  64 + left: 0;
  65 + bottom: 0;
  66 + width: 100%;
  67 + border-top: (4rem / $pxConvertRem) solid #000;
  68 + z-index: 1;
  69 + }
  70 +
  71 + .sort {
  72 + .iconfont {
  73 + color: #c0c0c0;
  74 +
  75 + &.cur {
  76 + color: #000;
  77 + }
  78 + }
  79 + }
  80 + }
  81 +
  82 + .screen-nav {
  83 + .iconfont {
  84 + line-height: 30rem / $pxConvertRem;
  85 + transition: transform .1s ease-in;
  86 + transform: scale(0.83);
  87 + }
  88 +
  89 + &.focus {
  90 + .iconfont {
  91 + transform: scale(0.83) rotate(-180deg);
  92 + -webkit-transform: scale(0.83) rotate(-180deg);
  93 + color: #000 !important;
  94 + }
  95 + }
  96 + }
  97 +}
  98 +
  99 +.s-goods-nav {
  100 + li {
  101 + float: left;
  102 + display: inline;
  103 + }
  104 +}
  105 +
  106 +.size-nav {
  107 + height: 49rem / $pxConvertRem;
  108 + line-height: 49rem / $pxConvertRem;
  109 + background: #f0f0f0;
  110 + border-bottom: (2rem / $pxConvertRem) solid #e6e6e6;
  111 + overflow: hidden;
  112 +
  113 + li {
  114 + float: left;
  115 + width: auto;
  116 + padding: 0 (25rem / $pxConvertRem);
  117 + font-size: 28rem / $pxConvertRem;
  118 + color: #999;
  119 + }
  120 +
  121 + li.focus {
  122 + color: #000;
  123 + }
  124 +}
  1 +.header-banner {
  2 + position: relative;
  3 + width: 100%;
  4 + height: 200rem / $pxConvertRem;
  5 + overflow: hidden;
  6 + .swiper-wrapper{
  7 + position: relative;
  8 + width: 100%;
  9 + height: 100%;
  10 + }
  11 + .swiper-slide{
  12 + float: left;
  13 + width: 100%;
  14 + height: 100%;
  15 + }
  16 + img {
  17 + display: block;
  18 + width: 100%;
  19 + height: 100%;
  20 + }
  21 + .desc {
  22 + box-sizing: border-box;
  23 + position:absolute;
  24 + left: 0;
  25 + bottom: 0;
  26 + padding-right: 30rem/$pxConvertRem;
  27 + width: 100%;
  28 + font-size: 22rem/$pxConvertRem;
  29 + line-height: 50rem/$pxConvertRem;
  30 + color: #fff;
  31 + background: rgba(120,120,120,.5);
  32 + text-align: right;
  33 + }
  34 +}
  1 +.header{
  2 + height: 88rem / $pxConvertRem;
  3 + line-height: 88rem / $pxConvertRem;
  4 + text-align: center;
  5 + background: #222;
  6 + color: #fff;
  7 + font-size: 34rem / $pxConvertRem;
  8 + .icon-back{
  9 + float: left;
  10 + margin-left: 33rem / $pxConvertRem;
  11 + font-size: 32rem / $pxConvertRem;
  12 + color: #fff;
  13 + }
  14 + .icon-home{
  15 + float: right;
  16 + margin-right: 26px;
  17 + font-size: 32rem / $pxConvertRem;
  18 + color: #fff;
  19 + }
  20 +}
  1 +.rank-main {
  2 + padding: (14rem / $pxConvertRem) 0 0 (30rem / $pxConvertRem);
  3 + background: #fff;
  4 +
  5 + li {
  6 + .item-img {
  7 + float: left;
  8 + width: 150rem / $pxConvertRem;
  9 + height: 200rem / $pxConvertRem;
  10 + padding: (12rem / $pxConvertRem) 0;
  11 + line-height: 200rem / $pxConvertRem;
  12 + text-align: center;
  13 +
  14 + img {
  15 + max-width: 100%;
  16 + max-height: 100%;
  17 + vertical-align: middle;
  18 + }
  19 + }
  20 +
  21 + .item-content {
  22 + float: left;
  23 + width: 407rem / $pxConvertRem;
  24 + height: 213rem / $pxConvertRem;
  25 + margin: 0 0 0 (13rem / $pxConvertRem);
  26 + padding: (12rem / $pxConvertRem) 0 0 (30rem / $pxConvertRem);
  27 + border-top: 1px solid #e0e0e0;
  28 +
  29 + .rank-icon {
  30 + display: block;
  31 + height: 50rem / $pxConvertRem;
  32 + width: 50rem / $pxConvertRem;
  33 + line-height: 58rem / $pxConvertRem;
  34 + text-align: center;
  35 + font-size: 22rem / $pxConvertRem;
  36 + color: #fff;
  37 + background: image-url("sale-icon/rank.png") no-repeat;
  38 + background-size: 100%;
  39 +
  40 + &.top {
  41 + background: image-url("sale-icon/rank-t.png") no-repeat;
  42 + background-size: 100%;
  43 + }
  44 + }
  45 +
  46 + h2 {
  47 + width: 9.5rem;
  48 + line-height: 1.285;
  49 + color: #444;
  50 + font-size: 28rem / $pxConvertRem;
  51 + }
  52 +
  53 + p {
  54 + width: 9.5rem;
  55 + line-height: 1.5;
  56 + font-size: 24rem / $pxConvertRem;
  57 + color: #d0021b;
  58 + text-overflow: ellipsis;
  59 + overflow: hidden;
  60 + white-space: nowrap;
  61 +
  62 + span {
  63 + text-decoration: line-through;
  64 + color: #b0b0b0;
  65 + margin-left: 10rem / $pxConvertRem;
  66 + }
  67 + }
  68 + }
  69 + }
  70 +
  71 + li:first-child {
  72 + .item-content {
  73 + border: none;
  74 + }
  75 + }
  76 +}
  1 +.goods-nav {
  2 + border-bottom: (2rem / $pxConvertRem) solid #e6e6e6;
  3 + height: 67rem / $pxConvertRem;
  4 + overflow: hidden;
  5 +
  6 + li {
  7 + float: left;
  8 + width: auto;
  9 + height: 67rem / $pxConvertRem;
  10 + line-height: 67rem / $pxConvertRem;
  11 + width: 145rem / $pxConvertRem;
  12 + text-align: center;
  13 + font-size: 28rem / $pxConvertRem;
  14 +
  15 + a {
  16 + display: inline-block;
  17 + padding: 0 (5rem / $pxConvertRem);
  18 + font-size: 28rem / $pxConvertRem;
  19 + color: #999;
  20 + height: 65rem / $pxConvertRem;
  21 + }
  22 + }
  23 +
  24 + li:first-child {
  25 + margin-left: 30rem / $pxConvertRem;
  26 + }
  27 +
  28 + li.focus {
  29 + a {
  30 + border-bottom: (4rem / $pxConvertRem) solid #000;
  31 + color: #000;
  32 + }
  33 + }
  34 +}
  35 +
  36 +.s-goods-nav {
  37 + overflow: hidden;
  38 +
  39 + li {
  40 + margin: 0 0 0 (50rem / $pxConvertRem);
  41 + width: auto;
  42 +
  43 + a {
  44 + padding: 0;
  45 + }
  46 + }
  47 +
  48 + li:first-child {
  49 + margin: 0 0 0 (39rem / $pxConvertRem);
  50 + }
  51 +}
  1 +.vip-no-login .good-info {
  2 + height: 523rem / $pxConvertRem;
  3 +}
  4 +
  5 +.vip-no-login .vip-tag {
  6 + display: block;
  7 +}
  8 +
  9 +.vip-card .good-detail-text .price {
  10 + padding-left: 66rem / $pxConvertRem;
  11 + height: 32rem / $pxConvertRem;
  12 + line-height: 32rem / $pxConvertRem;
  13 +}
  14 +
  15 +.vip-gold .good-detail-text .price {
  16 + background: url(../img/sale-icon/vip-card-gold.png) no-repeat;
  17 + background-size: auto 100%;
  18 +}
  19 +
  20 +.vip-platinum .good-detail-text .price {
  21 + background: url(../img/sale-icon/vip-card-platinum.png) no-repeat;
  22 + background-size: auto 100%;
  23 +}
  24 +
  25 +.vip-silver .good-detail-text .price {
  26 + background: url(../img/sale-icon/vip-card-silver.png) no-repeat;
  27 + background-size: auto 100%;
  28 +}
  1 +.sale-section {
  2 + background: #fff;
  3 +
  4 + ul {
  5 + text-align: center;
  6 + padding: (15rem / $pxConvertRem) 0 (15rem / $pxConvertRem) (15rem / $pxConvertRem);
  7 + }
  8 +
  9 + li {
  10 + float: left;
  11 + margin: (15rem / $pxConvertRem) (15rem / $pxConvertRem);
  12 + width: 275rem / $pxConvertRem;
  13 + height: 130rem / $pxConvertRem;
  14 +
  15 + img {
  16 + width: 100%;
  17 + height: 100%;
  18 + }
  19 + }
  20 +}
  1 +{{# data}}
  2 + {{> common/header}}
  3 + {{> common/header_banner}}
  4 + <!-- <div class="goods-container">
  5 + {{# ../goodsNav}}
  6 + {{> common/goods_nav}}
  7 + {{/ ../goodsNav}}
  8 +
  9 + {{# discountSection}}
  10 + <div class="goods-group discount-detail">
  11 + <ul class="clearfix">
  12 + {{# list}}
  13 + {{> common/goods_item}}
  14 + {{/ list}}
  15 + </ul>
  16 + </div>
  17 + {{/ discountSection}}
  18 + </div> -->
  19 + {{# goodsNav}}
  20 + {{> common/goods_nav}}
  21 + {{/ goodsNav}}
  22 + {{> common/goods_container}}
  23 +{{/ data}}
  1 +
  2 + {{> newsale/header}}
  3 + {{# discountSection}}
  4 + <div class="discount-section">
  5 + <ul class="clearfix">
  6 + {{# list}}
  7 + <li class="clearfix">
  8 + <a href="{{url}}">
  9 + <img class="lazy" data-original="{{img}}" alt="">
  10 + <span class="title">{{title}}</span>
  11 + <span class="time {{rush}}">{{time}}</span>
  12 + </a>
  13 + </li>
  14 + {{/ list}}
  15 + </ul>
  16 + </div>
  17 + {{/ discountSection}}
  18 +
  19 +
  1 +{{# data}}
  2 + {{> common/header}}
  3 + <script type="text/javascript">
  4 + // 判断是否是微信浏览器
  5 + function isWeixin() {
  6 + var ua = navigator.userAgent.toLowerCase();
  7 + if (ua.match(/MicroMessenger/i) == "micromessenger") {
  8 + return true;
  9 + } else {
  10 + return false;
  11 + }
  12 + }
  13 +
  14 + if (isWeixin()) {
  15 + document.getElementById('header').style.display = 'none';
  16 + }
  17 + </script>
  18 + {{> common/header_banner}}
  19 + {{> common/sgoods_nav}}
  20 + {{# rankList}}
  21 + <div class="rank-main">
  22 + <ul>
  23 + {{# list}}
  24 + <li>
  25 + <a class="clearfix" href="{{url}}">
  26 + <div class="item-img">
  27 + <img class="lazy" data-original="{{img}}">
  28 + </div>
  29 + <div class="item-content">
  30 + <i class="rank-icon top">{{rank}}</i>
  31 + <h2>{{title}}</h2>
  32 + <p>{{active}}</p>
  33 + <p>{{sPrice}}<span>{{price}}</span></p>
  34 + </div>
  35 + </a>
  36 + </li>
  37 + {{/ list}}
  38 + </ul>
  39 + </div>
  40 + {{/ rankList}}
  41 +{{/ data}}
  1 +
  2 + {{> newsale/header_banner}}
  3 + {{> mewsale/list_nav}}
  1 +{{# data}}
  2 + {{> common/header}}
  3 + {{> common/header_banner}}
  4 + <!-- <div class="goods-container">
  5 + {{# ../goodsNav}}
  6 + {{> common/goods_nav}}
  7 + {{/ ../goodsNav}}
  8 +
  9 + {{# onlyForMemberSection}}
  10 + <div class="goods-group only-for-member">
  11 + <ul class="clearfix">
  12 + {{# list}}
  13 + {{> common/goods_item}}
  14 + {{/ list}}
  15 + </ul>
  16 + </div>
  17 + {{/ onlyForMemberSection}}
  18 + </div> -->
  19 + {{# goodsNav}}
  20 + {{> common/goods_nav}}
  21 + {{/ goodsNav}}
  22 + {{> common/goods_container}}
  23 +{{/ data}}
  1 +{{# data}}
  2 + {{> common/header}}
  3 + {{> common/header_banner}}
  4 + <!-- <div class="goods-container">
  5 + {{# ../goodsNav}}
  6 + {{> common/goods_nav}}
  7 + {{/ ../goodsNav}}
  8 + {{# outletSection}}
  9 + <div class="goods-group outlets">
  10 + <ul class="clearfix">
  11 + {{# list}}
  12 + {{> common/goods_item}}
  13 + {{/ list}}
  14 + </ul>
  15 + </div>
  16 + {{/ outletSection}}
  17 + </div> -->
  18 + {{# goodsNav}}
  19 + {{> common/goods_nav}}
  20 + {{/ goodsNav}}
  21 + {{> common/goods_container}}
  22 +
  23 +{{/ data}}
  1 +{{# data}}
  2 + {{> common/header}}
  3 + {{> common/header_banner}}
  4 + <!-- <div class="goods-container">
  5 + {{# ../goodsNav}}
  6 + {{> common/goods_nav}}
  7 + {{/ ../goodsNav}}
  8 +
  9 + {{# reducedPriceSection}}
  10 + <div class="goods-group reduced-price">
  11 + <ul class="clearfix">
  12 + {{# list}}
  13 + {{> common/goods_item}}
  14 + {{/ list}}
  15 + </ul>
  16 + </div>
  17 + {{/ reducedPriceSection}}
  18 + </div> -->
  19 + {{# goodsNav}}
  20 + {{> common/goods_nav}}
  21 + {{/ goodsNav}}
  22 + {{> common/goods_container}}
  23 +{{/ data}}
  1 +
  2 + {{> newsale/header}}
  3 + {{> newsale/header_banner}}
  4 + {{# saleSection}}
  5 + <div class="sale-section">
  6 + <ul class="clearfix">
  7 + {{# list}}
  8 + <li>
  9 + <a href="{{url}}">
  10 + <img src="{{img}}" alt="">
  11 + </a>
  12 + </li>
  13 + {{/ list}}
  14 + </ul>
  15 + </div>
  16 + {{/ saleSection}}
  17 + {{# latestSale}}
  18 + {{> newsale/floor_header}}
  19 + {{/ latestSale}}
  20 + {{# goodsNav}}
  21 + {{> newsale/goods_nav}}
  22 + {{/ goodsNav}}
  23 + {{> newsale/goods_container}}
  1 +{{# data}}
  2 + {{> newsale/header}}
  3 + {{> newsale/header_banner}}
  4 + <!-- <div class="goods-container">
  5 + {{# ../goodsNav}}
  6 + {{> common/goods_nav}}
  7 + {{/ ../goodsNav}}
  8 +
  9 + {{# shortInSizeSection}}
  10 + <div class="goods-group short-in-size">
  11 + <ul class="clearfix">
  12 + {{# list}}
  13 + {{> common/goods_item}}
  14 + {{/ list}}
  15 + </ul>
  16 + </div>
  17 + {{/ shortInSizeSection}}
  18 + </div> -->
  19 + {{# goodsNav}}
  20 + {{> newsale/goods_nav}}
  21 + {{/ goodsNav}}
  22 + {{> newsale/goods_container}}
  23 +{{/ data}}
1 {{>layout/header}} 1 {{>layout/header}}
2 2
3 -<code>  
4 -{{#focus}}  
5 -<ul>  
6 -{{#each data}}  
7 -{{#data}}  
8 -<li><img src="{{src}}" alt="{{title}}"></li>  
9 -{{/data}}  
10 -{{/each}}  
11 -</ul>  
12 -{{/focus}}  
13 -</code> 3 +{{# headerBanner}}
  4 + {{> common/banner_top}}
  5 +{{/ headerBanner}}
  6 +
  7 +{{> mewsale/sgoods_nav}}
  8 +
  9 +{{>layout/footer}}
14 10
15 -{{>layout/footer}}  
@@ -17,4 +17,6 @@ @@ -17,4 +17,6 @@
17 </ul> 17 </ul>
18 </div> 18 </div>
19 </div> 19 </div>
20 -</div>  
  20 +</div>
  21 +
  22 +
1 <div class="guang-info" data-id="{{id}}"> 1 <div class="guang-info" data-id="{{id}}">
  2 + {{# author}}
  3 + <a class="info-author clearfix" href={{url}}>
  4 + <img class="lazy avatar" data-original={{avatar}}>
  5 + <span class="name">{{name}}</span>
  6 + </a>
  7 + {{/ author}}
  8 +
2 <div class="info-img"> 9 <div class="info-img">
3 {{#if showTags}} 10 {{#if showTags}}
4 <a href="javascript:;" class="info-match"> 11 <a href="javascript:;" class="info-match">
@@ -5,9 +5,12 @@ @@ -5,9 +5,12 @@
5 <span class="page-view">{{pageView}}</span> 5 <span class="page-view">{{pageView}}</span>
6 <div class="like-share-container"> 6 <div class="like-share-container">
7 {{# like}} 7 {{# like}}
8 - <a href="javascript:;" class="iconfont like-btn{{#isLiked}} like{{/isLiked}}">&#xe601;</a> 8 + <i class="iconfont like-btn{{#isLiked}} like{{/isLiked}}">&#xe601;</i>
9 <span class="like-count">{{count}}</span> 9 <span class="like-count">{{count}}</span>
10 {{/ like}} 10 {{/ like}}
  11 + {{# collect}}
  12 + <i class="iconfont collect-btn{{#isCollected}} collected{{/isCollected}}">&#xe605;</i>
  13 + {{/ collect}}
11 {{# share}} 14 {{# share}}
12 <a href="{{.}}" class="iconfont share-btn">&#xe600;</a> 15 <a href="{{.}}" class="iconfont share-btn">&#xe600;</a>
13 {{/ share}} 16 {{/ share}}
@@ -10,6 +10,21 @@ @@ -10,6 +10,21 @@
10 seajs.use('js/guang/plus-star/detail'); 10 seajs.use('js/guang/plus-star/detail');
11 </script> 11 </script>
12 {{/if}} 12 {{/if}}
  13 +{{#if guangHome}}
  14 + <script>
  15 + seajs.use('js/guang/home');
  16 + </script>
  17 +{{/if}}
  18 +{{#if guangList}}
  19 + <script>
  20 + seajs.use('js/guang/list');
  21 + </script>
  22 +{{/if}}
  23 +{{#if guangDetail}}
  24 + <script>
  25 + seajs.use('js/guang/detail');
  26 + </script>
  27 +{{/if}}
13 28
14 {{!-- 注册 --}} 29 {{!-- 注册 --}}
15 {{#if regIndex}} 30 {{#if regIndex}}
  1 +<div class="floor-header">
  2 + <h2>{{name}}</h2>
  3 +</div>
  1 +<div class="good-info" data-id="{{id}}">
  2 + <div class="tag-container clearfix">
  3 + {{# tags}}
  4 + {{# isNew}}
  5 + <p class="good-tag new-tag">NEW</p>
  6 + {{/ isNew}}
  7 + {{# isReNew}}
  8 + <p class="good-tag renew-tag">再到着</p>
  9 + {{/ isReNew}}
  10 + {{# isSale}}
  11 + <p class="good-tag sale-tag">SALE</p>
  12 + {{/ isSale}}
  13 + {{# isYohood}}
  14 + <div class="good-tag yohood-tag"></div>
  15 + {{/ isYohood}}
  16 + {{# isLimit}}
  17 + <p class="good-tag limit-tag">限量商品</p>
  18 + {{/ isLimit}}
  19 + {{/ tags}}
  20 + </div>
  21 + <div class="good-detail-img">
  22 + <!-- <a class="good-islike {{# isLike}}good-like{{/ isLike}} iconfont" href="{{likeUrl}}">&#xe605;</a> -->
  23 + <a class="good-thumb" href="{{url}}">
  24 + <img class="lazy" data-original="{{thumb}}">
  25 + </a>
  26 + {{# isFew}}
  27 + <p class="few-tag">即将售罄</p>
  28 + {{/ isFew}}
  29 + </div>
  30 + <div class="good-detail-text">
  31 + <div class="name">
  32 + <a href="{{url}}">{{name}}</a>
  33 + </div>
  34 + <div class="price">
  35 + <span class="sale-price {{^price}}no-price{{/price}}">￥{{salePrice}}</span>
  36 + {{#price}}
  37 + <span class="market-price">￥{{.}}</span>
  38 + {{/price}}
  39 + </div>
  40 + <div class="vip-tag">更优惠</div>
  41 + </div>
  42 +</div>
  43 +
  1 +{{# goodsContainer}}
  2 +<div id="goods-content" class="goods-content {{# vipNoLogin}}vip-no-login{{/ vipNoLogin}} {{# vipLogin}}vip-card vip-{{.}}{{/ vipLogin}} clearfix">
  3 + {{> common/script_good_info}}
  4 + <div class="new-patterns-container hide">
  5 + {{# goods}}
  6 + {{> common/good_info}}
  7 + {{/ goods}}
  8 + </div>
  9 + <div class="sales-volume-container hide"></div>
  10 + <div class="price-container hide"></div>
  11 + <div class="cloth-container hide"></div>
  12 + <div class="pants-container hide"></div>
  13 + <div class="shose-container hide"></div>
  14 + <div class="other-container hide"></div>
  15 + <div id="screen-mask" class="screen-mask hide"></div>
  16 + <div id="screen-content" class="screen-content hide clearfix">
  17 + <ul class="classify">
  18 + <li class="gender c-item active">
  19 + 性别：
  20 + <h1 id="show-gender" class="chosed default">BOYS</h1>
  21 + </li>
  22 + <li class="brand c-item">
  23 + 品牌：
  24 + <h1 id="show-brand" class="chosed default">全部品牌</h1>
  25 + </li>
  26 + <li class="msort c-item">
  27 + 品类：
  28 + <h1 id="show-msort" class="chosed default">全部品类</h1>
  29 + </li>
  30 + <li class="color c-item">
  31 + 颜色：
  32 + <h1 id="show-color" class="chosed default">全部颜色</h1>
  33 + </li>
  34 + <li class="size c-item">
  35 + 尺码：
  36 + <h1 id="show-size" class="chosed default">全部尺码</h1>
  37 + </li>
  38 + <li class="price c-item">
  39 + 价格：
  40 + <h1 id="show-price" class="chosed default">全部价格</h1>
  41 + </li>
  42 + <li class="discount c-item">
  43 + 折扣：
  44 + <h1 id="show-discount" class="chosed default">全部折扣</h1>
  45 + </li>
  46 + </ul>
  47 + <div class="sub-classify-container">
  48 + <ul id="sub-gender" class="sub-classify" data-type="gender"></ul>
  49 + <ul id="sub-brand" class="sub-classify hide" data-type="brand"></ul>
  50 + <ul id="sub-msort" class="sub-classify hide" data-type="msort"></ul>
  51 + <ul id="sub-color" class="sub-classify hide" data-type="color"></ul>
  52 + <ul id="sub-size" class="sub-classify hide" data-type="size"></ul>
  53 + <ul id="sub-price" class="sub-classify hide" data-type="price"></ul>
  54 + <ul id="sub-discount" class="sub-classify hide" data-type="discount"></ul>
  55 + </div>
  56 + </div>
  57 +</div>
  58 +{{/ goodsContainer}}
  1 +<div id="goods-content" class="goods-content clearfix" style="padding-left:10px;margin-top: 9px;">
  2 + <div class="new-patterns-container"></div>
  3 + <div class="sales-volume-container hide"></div>
  4 + <div class="price-container hide"></div>
  5 + <div id="screen-mask" class="screen-mask hide"></div>
  6 + <div id="screen-content" class="screen-content hide">
  7 + <ul class="classify">
  8 + <li class="gender c-item active">
  9 + 性别：
  10 + <h1 id="show-gender" class="chosed">BOYS</h1>
  11 + </li>
  12 + <li class="brand c-item">
  13 + 品牌：
  14 + <h1 id="show-brand" class="chosed default">全部品牌</h1>
  15 + </li>
  16 + <li class="msort c-item">
  17 + 品类：
  18 + <h1 id="show-msort" class="chosed default">全部品类</h1>
  19 + </li>
  20 + <li class="color c-item">
  21 + 颜色：
  22 + <h1 id="show-color" class="chosed default">全部颜色</h1>
  23 + </li>
  24 + <li class="size c-item">
  25 + 尺码：
  26 + <h1 id="show-size" class="chosed default">全部尺码</h1>
  27 + </li>
  28 + <li class="price c-item">
  29 + 价格：
  30 + <h1 id="show-price" class="chosed default">全部价格</h1>
  31 + </li>
  32 + <li class="discount c-item">
  33 + 折扣：
  34 + <h1 id="show-discount" class="chosed default">全部折扣</h1>
  35 + </li>
  36 + </ul>
  37 + <div class="sub-classify-container">
  38 + <ul id="sub-gender" class="sub-classify" data-type="gender"></ul>
  39 + <ul id="sub-brand" class="sub-classify hide" data-type="brand"></ul>
  40 + <ul id="sub-msort" class="sub-classify hide" data-type="msort"></ul>
  41 + <ul id="sub-color" class="sub-classify hide" data-type="color"></ul>
  42 + <ul id="sub-size" class="sub-classify hide" data-type="size"></ul>
  43 + <ul id="sub-price" class="sub-classify hide" data-type="price"></ul>
  44 + <ul id="sub-discount" class="sub-classify hide" data-type="discount"></ul>
  45 + </div>
  46 + </div>
  47 +</div>
  1 +<li class="goods-item">
  2 + <a href="{{url}}">
  3 + <img class="lazy" data-original="{{img}}" alt="">
  4 + <div class="goods-title">{{title}}</div>
  5 + <div class="price">
  6 + <i class="vip-card hide"></i>
  7 + <span class="sale-price {{^price}}no-price{{/price}}">{{# salePrice}}￥{{/ salePrice}}{{salePrice}}</span>
  8 + {{#price}}
  9 + <span class="market-price">￥{{.}}</span>
  10 + {{/price}}
  11 + </div>
  12 + <div class="vip-cheap hide">
  13 + <i class="icon vip-icon"></i> 更优惠
  14 + </div>
  15 + </a>
  16 +</li>
  1 +<ul id="goods-nav" class="goods-nav">
  2 + {{# all}}
  3 + <li class="nav-item all-nav focus">
  4 + <span>全部</span>
  5 + </li>
  6 + {{/ all}}
  7 + {{# newPatterns}}
  8 + <li class="nav-item new-patterns-nav focus">
  9 + <span>最新</span>
  10 + </li>
  11 + {{/ newPatterns}}
  12 + {{# price}}
  13 + <li class="nav-item price-nav">
  14 + <span>价格</span>
  15 + <span class="sort">
  16 + <i class="up iconfont">&#xe615;</i>
  17 + <i class="down iconfont cur">&#xe616;</i>
  18 + </span>
  19 + </li>
  20 + {{/ price}}
  21 + {{# salesCount}}
  22 + <li class="nav-item sales-count-nav">
  23 + <span>销量</span>
  24 + </li>
  25 + {{/ salesCount}}
  26 + {{# salesVolume}}
  27 + <li class="nav-item sales-volume-nav">
  28 + <span>折扣</span>
  29 + <span class="sort">
  30 + <i class="up iconfont">&#xe615;</i>
  31 + <i class="down iconfont cur">&#xe616;</i>
  32 + </span>
  33 + </li>
  34 + {{/ salesVolume}}
  35 +
  36 + {{# cloth}}
  37 + <li class="nav-item cloth-nav">
  38 + <span>上装</span>
  39 + </li>
  40 + {{/ cloth}}
  41 +
  42 + {{# pants}}
  43 + <li class="nav-item pants-nav">
  44 + <span>下装</span>
  45 + </li>
  46 + {{/ pants}}
  47 +
  48 + {{# shoes}}
  49 + <li class="nav-item shose-nav">
  50 + <span>鞋</span>
  51 + </li>
  52 + {{/ shoes}}
  53 +
  54 + {{# other}}
  55 + <li class="nav-item other-nav">
  56 + <span>其他</span>
  57 + </li>
  58 + {{/ other}}
  59 +
  60 + {{# screen}}
  61 + <li class="nav-item screen-nav">
  62 + <span>筛选</span>
  63 + <span class="sort">
  64 + <i class="iconfont">&#xe613;</i>
  65 + </span>
  66 + </li>
  67 + {{/ screen}}
  68 +</ul>
  69 +{{# sizeNav}}
  70 +<div id="size-nav" class="size-nav swiper-container">
  71 + <ul class="swiper-wrapper">
  72 + {{# list}}
  73 + <li class="size-nav-item swiper-slide" data-size="{{size}}">{{textCn}}</li>
  74 + {{/ list}}
  75 + </ul>
  76 +</div>
  77 +
  78 +{{/ sizeNav}}
  1 +{{# header}}
  2 +<div id="header" class="header clearfix" {{# bgColor}}style="background:{{.}}"{{/ bgColor}}>
  3 + <a class="icon-back iconfont" href="javascript:history.go(-1)"></a>
  4 + {{title}}
  5 + <a class="icon-home iconfont" href="{{homeUrl}}"></a>
  6 +</div>
  7 +{{/ header}}
  1 +<script id="goods-tpl" type="x-tmpl-mustache">
  2 + <div class="good-info" data-id="\{{id}}">
  3 + <div class="tag-container clearfix">
  4 + \{{# tags}}
  5 + \{{# isNew}}
  6 + <p class="good-tag new-tag">NEW</p>
  7 + \{{/ isNew}}
  8 + \{{# isReNew}}
  9 + <p class="good-tag renew-tag">再到着</p>
  10 + \{{/ isReNew}}
  11 + \{{# isSale}}
  12 + <p class="good-tag sale-tag">SALE</p>
  13 + \{{/ isSale}}
  14 + \{{# isYohood}}
  15 + <div class="good-tag yohood-tag"></div>
  16 + \{{/ isYohood}}
  17 + \{{# isLimit}}
  18 + <p class="good-tag limit-tag">限量商品</p>
  19 + \{{/ isLimit}}
  20 + \{{/ tags}}
  21 + </div>
  22 + <div class="good-detail-img">
  23 + <a class="good-thumb" href="\{{url}}">
  24 + <img class="lazy" data-original="\{{thumb}}">
  25 + </a>
  26 + \{{# isFew}}
  27 + <p class="few-tag">即将售罄</p>
  28 + \{{/ isFew}}
  29 + </div>
  30 + <div class="good-detail-text">
  31 + <div class="name">
  32 + <a href="\{{url}}">\{{name}}</a>
  33 + </div>
  34 + <div class="price">
  35 + <span class="sale-price \{{^price}}no-price\{{/price}}">￥\{{salePrice}}</span>
  36 + \{{#price}}
  37 + <span class="market-price">￥\{{.}}</span>
  38 + \{{/price}}
  39 + </div>
  40 + </div>
  41 +</div>
  42 +</script>
  1 +{{# listNav}}
  2 +<div class="s-goods-nav goods-nav">
  3 + <ul class="swiper-wrapper clearfix">
  4 + {{# list}}
  5 + <li class="swiper-slide nav-item" data-sort="{{sort}}">
  6 + <span>{{textCn}}</span>
  7 + </li>
  8 + {{/ list}}
  9 + </ul>
  10 +</div>
  11 +{{/ listNav}}
@@ -40,6 +40,7 @@ class GirlsController extends AbstractAction @@ -40,6 +40,7 @@ class GirlsController extends AbstractAction
40 }*/ 40 }*/
41 41
42 $data = array( 42 $data = array(
  43 + 'grilsHomePage' => true,
43 'headerDownload' => array( 44 'headerDownload' => array(
44 'img' => 'http://img11.static.yhbimg.com/adpic/2015/02/28/18/01d83bfad41c8fca8fd1ad334216d7d733.jpg?imageView/2/w/640/h/480', 45 'img' => 'http://img11.static.yhbimg.com/adpic/2015/02/28/18/01d83bfad41c8fca8fd1ad334216d7d733.jpg?imageView/2/w/640/h/480',
45 'url' => 'http://www.baidu.com' 46 'url' => 'http://www.baidu.com'
@@ -12,7 +12,6 @@ class LifestyleController extends AbstractAction @@ -12,7 +12,6 @@ class LifestyleController extends AbstractAction
12 12
13 public function indexAction() 13 public function indexAction()
14 { 14 {
15 -  
16 // 显示侧边栏 15 // 显示侧边栏
17 $this->setNavSide(); 16 $this->setNavSide();
18 17
@@ -24,16 +23,456 @@ class LifestyleController extends AbstractAction @@ -24,16 +23,456 @@ class LifestyleController extends AbstractAction
24 $data = array(); 23 $data = array();
25 24
26 // 频道数据 25 // 频道数据
27 - $channelData = IndexData::getUserChannelData(0, '1,3', '9aa25f5133f011ec96c2045eb15ae425'); 26 + $channelData = IndexData::getUserChannelData(0, '2,3', '201504091403002');
28 $channels = array(); 27 $channels = array();
29 if($channelData['code'] == 200) 28 if($channelData['code'] == 200)
30 { 29 {
31 - $data['content'] = FloorProcess::getContent($channelData['data'], 4); 30 + $data['content'] = FloorProcess::getContent($channelData['data'], 2);
32 } 31 }
33 32
  33 + /*// 也许喜欢
  34 + $maybeLikeData = RecomData::mayLike('2,3', 2, false);
  35 + $maybeLike = array();
  36 + if($maybeLikeData['code'] == 200)
  37 + {
  38 + $maybeLike = FloorProcess::maybeLike($maybeLikeData['data']['product_list']);
  39 + $num = count($data['content']);
  40 + $data['content'][] = array('maybeLike' =>$maybeLike);
  41 + }*/
  42 +
  43 + $data = array(
  44 + 'headerDownload' => array(
  45 + 'img' => 'http://img11.static.yhbimg.com/adpic/2015/02/28/18/01d83bfad41c8fca8fd1ad334216d7d733.jpg?imageView/2/w/640/h/480',
  46 + 'url' => 'http://www.baidu.com'
  47 + ),
  48 + 'homeHeader' => array(
  49 + 'bgColor' => '#FF88AE',
  50 + 'searchUrl' => ''
  51 + ),
  52 + 'sideNav' => array(
  53 + array(
  54 + 'textCn' => '男生',
  55 + 'textEn' => 'Boys',
  56 + 'styleClass' => 'boys',
  57 + 'url' => ''
  58 + ),
  59 + array(
  60 + 'textCn' => '女生',
  61 + 'textEn' => 'GIRLS',
  62 + 'styleClass' => 'girls',
  63 + 'url' => ''
  64 + ),
  65 + array(
  66 + 'textCn' => '潮童',
  67 + 'textEn' => 'KIDS',
  68 + 'styleClass' => 'kids',
  69 + 'url' => ''
  70 + ),
  71 + array(
  72 + 'textCn' => '创意生活',
  73 + 'textEn' => 'LIFE STYLE',
  74 + 'styleClass' => 'life',
  75 + 'url' => ''
  76 + ),
  77 + array(
  78 + 'textCn' => '逛',
  79 + 'textEn' => 'TRENDFINDER',
  80 + 'styleClass' => 'guang',
  81 + 'subNav' => array(
  82 + 'list' => array(
  83 + array(
  84 + 'textCn' => '逛',
  85 + 'textEn' => 'TrendFinder',
  86 + 'back' => true,
  87 + 'bgColor' => '#fd307f'
  88 + ),
  89 + array(
  90 + 'textCn' => '查看全部',
  91 + 'url' => ''
  92 + ),
  93 + array(
  94 + 'textCn' => '只看男生',
  95 + 'textEn' => 'Boys',
  96 + 'url' => ''
  97 + ),
  98 + array(
  99 + 'textCn' => '只看女生',
  100 + 'textEn' => 'Girls',
  101 + 'url' => '',
  102 + 'isSelect' => true
  103 + )
  104 + )
  105 + )
  106 + )
  107 + ),
  108 + 'content' => array(
  109 + 'bannerTop' => array(
  110 + 'list' => array(
  111 + array(
  112 + 'url' => '',
  113 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
  114 + ),
  115 + array(
  116 + 'url' => '',
  117 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
  118 + ),
  119 + array(
  120 + 'url' => '',
  121 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg'
  122 + )
  123 + )
  124 + ),
  125 + 'iconsEnter' => array(
  126 + 'list' => array(
  127 + array(
  128 + 'url' => '',
  129 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  130 + 'text' => '新品到着'
  131 + ),
  132 + array(
  133 + 'url' => '',
  134 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  135 + 'text' => '全球优选'
  136 + ),
  137 + array(
  138 + 'url' => '',
  139 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  140 + 'text' => '明星潮牌'
  141 + ),
  142 + array(
  143 + 'url' => '',
  144 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  145 + 'text' => '全部品类'
  146 + ),
  147 + array(
  148 + 'url' => '',
  149 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  150 + 'text' => '逛'
  151 + ),
  152 + array(
  153 + 'url' => '',
  154 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  155 + 'text' => '搭配指南'
  156 + ),
  157 + array(
  158 + 'url' => '',
  159 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  160 + 'text' => '潮品推荐'
  161 + ),
  162 + array(
  163 + 'url' => '',
  164 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/30/21/02912cd7f0b2c67939404c71ef00e3f513.jpg',
  165 + 'text' => '折扣精选'
  166 + )
  167 + )
  168 + ),
  169 + 'bannerCenter' => array(
  170 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
  171 + 'url' => ''
  172 + ),
  173 +
  174 + 'hotCategory' => array(
  175 + 'title' => array(
  176 + 'name' => '热门品类'
  177 + ),
  178 + 'list' => array(
  179 + array(
  180 + 'textCn' => '卫衣',
  181 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  182 + 'url' => ''
  183 + ),
  184 + array(
  185 + 'textCn' => 'T恤',
  186 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  187 + 'url' => ''
  188 + ),
  189 + array(
  190 + 'textCn' => '打底衫',
  191 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  192 + 'url' => ''
  193 + ),
  194 + array(
  195 + 'textCn' => '打底衫',
  196 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  197 + 'url' => ''
  198 + ),
  199 + array(
  200 + 'textCn' => '打底衫',
  201 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  202 + 'url' => ''
  203 + ),
  204 + array(
  205 + 'textCn' => '打底衫',
  206 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  207 + 'url' => ''
  208 + ),
  209 + array(
  210 + 'textCn' => '打底衫',
  211 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  212 + 'url' => ''
  213 + ),
  214 + array(
  215 + 'textCn' => '打底衫',
  216 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  217 + 'url' => ''
  218 + )
  219 + )
  220 + ),
  221 + 'hotBrands' => array(
  222 + 'title' => array(
  223 + 'name' => '热门品牌'
  224 + ),
  225 + 'list' => array(
  226 + array(
  227 + 'textCn' => 'Moussy',
  228 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  229 + 'url' => ''
  230 + ),
  231 + array(
  232 + 'textCn' => 'Moussy',
  233 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  234 + 'url' => ''
  235 + ),
  236 + array(
  237 + 'textCn' => 'Moussy',
  238 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  239 + 'url' => ''
  240 + ),
  241 + array(
  242 + 'textCn' => 'Moussy',
  243 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  244 + 'url' => ''
  245 + ),
  246 + array(
  247 + 'textCn' => 'Moussy',
  248 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  249 + 'url' => ''
  250 + ),
  251 + array(
  252 + 'textCn' => 'Moussy',
  253 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  254 + 'url' => ''
  255 + )
  256 + )
  257 + ),
  258 +
  259 + 'trendColloaction' => array(
  260 + 'title' => array(
  261 + 'title' => '潮人 ▪ 搭配',
  262 + 'more_name' => '...',
  263 + 'more_url' => 'http://www.yohobuy.com?openby:yohobuy={"action":"go.guangchannel","params":{"id":3,"name":"\u6f6e\u4eba"}}'
  264 + ),
  265 + 'article' => array(
  266 + array(
  267 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  268 + 'url' => ''
  269 + ),
  270 + array(
  271 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  272 + 'url' => ''
  273 + )
  274 + ),
  275 +
  276 + 'recommend_collocation' => array(
  277 + array(
  278 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  279 + 'url' => ''
  280 + ),
  281 + array(
  282 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  283 + 'url' => ''
  284 + ),
  285 + array(
  286 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  287 + 'url' => ''
  288 + ),
  289 + array(
  290 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  291 + 'url' => ''
  292 + ),
  293 + array(
  294 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  295 + 'url' => ''
  296 + )
  297 + )
  298 + ),
  299 + 'trendTopics' => array(
  300 + 'title' => array(
  301 + 'title' => '潮品 ▪ 话题',
  302 + 'more_name' => '...',
  303 + 'more_url' => 'http://www.yohobuy.com?openby:yohobuy={"action":"go.guangchannel","params":{"id":3,"name":"\u6f6e\u4eba"}}'
  304 + ),
  305 + 'list' => array(
  306 + array(
  307 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  308 + 'url' => '',
  309 + 'title' => '现代裁剪',
  310 + 'time' => '2月13日 12:34'
  311 + ),
  312 + array(
  313 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  314 + 'url' => '',
  315 + 'title' => '现代裁剪',
  316 + 'time' => '2月13日 12:34'
  317 + ),
  318 + array(
  319 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  320 + 'url' => '',
  321 + 'title' => '现代裁剪',
  322 + 'time' => '2月13日 12:34'
  323 + )
  324 + )
  325 + ),
  326 + 'goodsCategory' => array(
  327 + 'title' => array(
  328 + 'title' => '潮流时装',
  329 + 'more_name' => '...',
  330 + 'more_url' => 'http://www.yohobuy.com?openby:yohobuy={"action":"go.guangchannel","params":{"id":3,"name":"\u6f6e\u4eba"}}'
  331 + ),
  332 + 'big_image' => array(
  333 + 'list' => array(
  334 + array(
  335 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  336 + 'url' => ''
  337 + )
  338 + )
  339 + ),
  340 + 'list' => array(
  341 + array(
  342 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  343 + 'url' => '',
  344 + 'textCn' => '手表'
  345 + ),
  346 + array(
  347 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  348 + 'url' => '',
  349 + 'textCn' => '烛台'
  350 + ),
  351 + array(
  352 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  353 + 'url' => '',
  354 + 'textCn' => '围巾'
  355 + ),
  356 + array(
  357 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  358 + 'url' => '',
  359 + 'textCn' => '盘子'
  360 + ),
  361 + array(
  362 + 'img' => 'http://img.alicdn.com/imgextra/i1/2086467111/TB2CsqHdXXXXXaDXpXXXXXXXXXX_!!2086467111.jpg',
  363 + 'url' => '',
  364 + 'textCn' => '耳机'
  365 + )
  366 + )
  367 + ),
  368 + 'creativeLife' => array(
  369 + 'title' => array(
  370 + 'title' => '新入住品牌',
  371 + 'more_name' => '...',
  372 + 'more_url' => 'http://www.yohobuy.com?openby:yohobuy={"action":"go.guangchannel","params":{"id":3,"name":"\u6f6e\u4eba"}}'
  373 + ),
  374 + 'banner' => 'http://img10.static.yhbimg.com/yhb-img01/2015/07/09/18/0119ffceddb0819d36d74b408bd743b4a9.jpg?imageView/2/w/640/h/640',
  375 + 'classify' => array(
  376 + array(
  377 + 'url' => '',
  378 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/04/10/05/029bef1041343ea2e31dc0423f2f176589.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  379 + 'name' => '手表'
  380 + ), array(
  381 + 'url' => '',
  382 + 'img' => 'http://img12.static.yhbimg.com/goodsimg/2015/07/07/09/02271a775d17649860abec4387b4559e26.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  383 + 'name' => '烛台'
  384 + ), array(
  385 + 'url' => '',
  386 + 'img' => 'http://img12.static.yhbimg.com/goodsimg/2015/05/19/07/02a269d20ed44803eee33e255fe88d7873.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  387 + 'name' => '围巾'
  388 + ), array(
  389 + 'url' => '',
  390 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/06/01/07/02fe94083352435ce53b5d90812cc5bdbd.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  391 + 'name' => '盘子'
  392 + ), array(
  393 + 'url' => '',
  394 + 'img' => 'http://img12.static.yhbimg.com/goodsimg/2015/07/08/07/028db8a2afbe4ecbf37bebc7e98e8e1e80.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  395 + 'name' => '耳机'
  396 + ), array(
  397 + 'url' => '',
  398 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/04/22/02/02a1b688b6dafd786f391e0624aea1e93b.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  399 + 'name' => '生活'
  400 + )
  401 + )
  402 + ),
  403 +
  404 +
  405 + 'plusStar' => array(
  406 + array(
  407 + 'name' => 'PLUS 全球优选',
  408 + 'url' => '',
  409 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/07/13/15/014f7ba48071160053ac3b8f045b9fc264.jpg?imageView/2/w/640/h/640'
  410 + ),
  411 + array(
  412 + 'name' => 'PLUS 全球优选',
  413 + 'url' => '',
  414 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/07/13/15/014f7ba48071160053ac3b8f045b9fc264.jpg?imageView/2/w/640/h/640'
  415 + )
  416 + ),
  417 +
  418 + 'maybeLike' => array(
  419 + 'goods' => array(
  420 + array(
  421 + 'id' => 1,
  422 + 'thumb' => 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/07/01ebfb219e22770ffb0c2c3a2cbb2b4bef.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  423 + 'name' => 'GAWS DIGI 丛林数码印花拼接卫衣',
  424 + 'isLike' => false,
  425 + 'price' => 1268,
  426 + 'salePrice' => 589,
  427 + 'isSale' => true,
  428 + 'isFew' => true,
  429 + 'isNew' => false,
  430 + 'url' => ''
  431 + ), array(
  432 + 'id' => 2,
  433 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/023d70c59e81ccbfb39404487aaf642da2.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  434 + 'name' => 'CLOTtee 撞色连帽外套',
  435 + 'isLike' => false,
  436 + 'price' => 488,
  437 + 'salePrice' => 139,
  438 + 'isSale' => true,
  439 + 'isFew' => true,
  440 + 'isNew' => false,
  441 + 'url' => ''
  442 + ), array(
  443 + 'id' => 3,
  444 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/03/02/08/02e2d44125e95495e3152aa459fa6b9b0c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  445 + 'name' => 'HALFGIRL 插肩棒球服短裙套装',
  446 + 'isLike' => true,
  447 + 'price' => 478,
  448 + 'salePrice' => 208,
  449 + 'isSale' => true,
  450 + 'isFew' => true,
  451 + 'isNew' => false,
  452 + 'url' => ''
  453 + ), array(
  454 + 'id' => 4,
  455 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/03/03/08/022f25fbe177ee12803c522f04fcce06d0.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  456 + 'name' => '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
  457 + 'isLike' => false,
  458 + 'salePrice' => 148,
  459 + 'isSale' => false,
  460 + 'isFew' => false,
  461 + 'isNew' => true,
  462 + 'url' => ''
  463 + )
  464 + )
  465 + ),
  466 +
  467 + 'bannerBottom' => array(
  468 + 'img' => 'http://img02.yohoboys.com/staticimg/2015/06/24/16/02ee02f1dd11c9103f7cf7995eafdaa605.jpg',
  469 + 'url' => ''
  470 + )
  471 +
  472 + ));
  473 +
34 $this->_view->assign('title', 'YOHO!有货'); 474 $this->_view->assign('title', 'YOHO!有货');
35 $this->_view->display('index', $data); 475 $this->_view->display('index', $data);
36 -  
37 -  
38 } 476 }
39 -} 477 +
  478 +}
@@ -93,7 +93,12 @@ class ListController extends AbstractAction @@ -93,7 +93,12 @@ class ListController extends AbstractAction
93 'share' => true, 93 'share' => true,
94 'url' => '', 94 'url' => '',
95 'likeUrl' => '', 95 'likeUrl' => '',
96 - 'isFashionMan' => true 96 + 'isFashionMan' => true,
  97 + 'author' => array(
  98 + 'url' => '',
  99 + 'name' => 'LEO_LU',
  100 + 'avatar' => 'http://img11.static.yhbimg.com/yhb-img02/2015/09/07/02/01a050445c64825eed381c4e049030c692.jpg?imageView/0/w/100/h/100'
  101 + )
97 ), 102 ),
98 array( 103 array(
99 'id' => 1, 104 'id' => 1,
@@ -104,14 +109,18 @@ class ListController extends AbstractAction @@ -104,14 +109,18 @@ class ListController extends AbstractAction
104 'showTags' => true, 109 'showTags' => true,
105 'publishTime' => '2月13日 12:34', 110 'publishTime' => '2月13日 12:34',
106 'pageView' => 3445, 111 'pageView' => 3445,
107 - 'like' => array(  
108 - 'count' => 459,  
109 - 'isLiked' => true 112 + 'collect' => array(
  113 + 'isCollected' => true
110 ), 114 ),
111 'share' => true, 115 'share' => true,
112 'url' => '', 116 'url' => '',
113 'likeUrl' => '', 117 'likeUrl' => '',
114 - 'isTip' => true 118 + 'isTip' => true,
  119 + 'author' => array(
  120 + 'url' => '',
  121 + 'name' => 'Kishi',
  122 + 'avatar' => 'http://img13.static.yhbimg.com/yhb-img02/2015/06/12/10/0256020c504fb08a176c5457599bdf5b49.jpg?imageView/0/w/100/h/100'
  123 + )
115 ) 124 )
116 ) 125 )
117 ), 126 ),
@@ -301,7 +310,7 @@ class ListController extends AbstractAction @@ -301,7 +310,7 @@ class ListController extends AbstractAction
301 ) 310 )
302 ); 311 );
303 $this->_view->assign('title', 'YOHO!有货'); 312 $this->_view->assign('title', 'YOHO!有货');
304 - $this->_view->display('index', array('modulePath' => 'guang/home', 'guang' => $data)); 313 + $this->_view->display('index', array('guangHome' => true, 'guang' => $data));
305 } 314 }
306 315
307 /** 316 /**
@@ -10,7 +10,7 @@ class NewsaleController extends AbstractAction @@ -10,7 +10,7 @@ class NewsaleController extends AbstractAction
10 { 10 {
11 public function indexAction() 11 public function indexAction()
12 { 12 {
13 - $this->_view->assign('title', '新品到着'); 13 + /*$this->_view->assign('title', '新品到着');
14 14
15 // 新品到着顶部焦点图 15 // 新品到着顶部焦点图
16 $focusData = Newsale::getNewsaleFocus('a7989369aa86681c678bc40f171b8f1d'); 16 $focusData = Newsale::getNewsaleFocus('a7989369aa86681c678bc40f171b8f1d');
@@ -31,7 +31,43 @@ class NewsaleController extends AbstractAction @@ -31,7 +31,43 @@ class NewsaleController extends AbstractAction
31 $products = Newsale::getNewProducts('1,3', 1, 60); 31 $products = Newsale::getNewProducts('1,3', 1, 60);
32 var_dump($focus); 32 var_dump($focus);
33 33
34 - $this->_view->display('new', compact('focus', 'products')); 34 + $this->_view->display('new', compact('focus', 'products'));*/
  35 +
  36 + $data = array(
  37 + 'headerBanner' => array(
  38 + 'list' => array(
  39 + array(
  40 + 'url' => '',
  41 + 'img' => 'http://img12.static.yhbimg.com/adpic/2015/08/14/12/0205a06e86edb30a7d1833477a9e886577.jpg?imageView/2/w/640/h/480',
  42 + )
  43 + )
  44 + ),
  45 + 'listNav' => array(
  46 + 'list' => array(
  47 + array(
  48 + 'url' => '',
  49 + 'textCn' => '5月27日',
  50 + 'styleClass' => ''
  51 + ),
  52 + array(
  53 + 'url' => '',
  54 + 'textCn' => '本周上新'
  55 + ),
  56 + array(
  57 + 'url' => '',
  58 + 'textCn' => '销量'
  59 + ),
  60 + array(
  61 + 'url' => '',
  62 + 'textCn' => '筛选',
  63 + 'styleClass' => 'screen-nav'
  64 + )
  65 + )
  66 + )
  67 + );
  68 +
  69 + $this->_view->assign('title', '新品到着');
  70 + $this->_view->display('new', $data);
35 } 71 }
36 72
37 73