fe / YOHOBUYWAP · Commits

Go to a project

Authored by unknown
Commit 281d8d35a519f9730f192c70d755602a9865e148 1 parent 4e219755

热销排行html css js

Inline Side-by-side
Showing 10 changed files with 969 additions and 7 deletions
  1 +{{> layout/header}}
  2 +<div class="hotrank-page home-page yoho-page">
  3 +{{# hotrank}}
  4 + {{! 头部banner}}
  5 + {{# slide}}
  6 + {{> index/slide-banner}}
  7 + {{/ slide}}
  8 +
  9 + {{! 人气单品}}
  10 + {{# popular}}
  11 + {{> index/floor-header}}
  12 + <div class="popular-goods">
  13 + <div class="popular-list clearfix">
  14 + {{# list}}
  15 + <li class="popular-item{{@index}}">
  16 + <div class="item-img">
  17 + <a target="_blank" href="{{href}}"><img class="lazy" data-original="{{img}}"></a>
  18 + <i class="polular-icon">{{rank}}</i>
  19 + </div>
  20 + <div class="item-content">
  21 + <h2>{{title}}</h2>
  22 + <p>¥{{# price}}<span>{{.}}</span>{{/ price}}¥{{sPrice}}</p>
  23 + </div>
  24 + </li>
  25 + {{/ list}}
  26 + </div>
  27 + </div>
  28 + {{/ popular}}
  29 +
  30 + {{! 热门品牌}}
  31 + {{# hotBrands}}
  32 + {{> index/floor-header}}
  33 + <div class="hot-brands logo-brand clearfix"></div>
  34 + {{/ hotBrands}}
  35 +
  36 + {{! 一周热卖}}
  37 + {{# hotWeek}}
  38 + {{> index/floor-header}}
  39 + <div class="hot-week">
  40 + <div class="hot-cate">
  41 + <ul class="clearfix">
  42 + {{# nav}}
  43 + <li data-sid="{{sid}}">
  44 + <a href="javascript:;">{{textCn}}</a>
  45 + </li>
  46 + {{/ nav}}
  47 + </ul>
  48 + </div>
  49 + <div class="hot-week-list clearfix">
  50 + {{# list}}
  51 + <!-- <li>
  52 + <div class="item-img">
  53 + <a target="_blank" href="{{url}}"><img class="lazy" data-original="{{img}}"></a>
  54 + <i class="polular-icon">{{rank}}</i>
  55 + </div>
  56 + <div class="item-content">
  57 + <h2>{{title}}</h2>
  58 + <p>{{# price}}<span>{{.}}</span>{{/ price}}{{sPrice}}</p>
  59 + </div>
  60 + </li> -->
  61 + {{> product/good}}
  62 + {{/ list}}
  63 + </div>
  64 + <div class="floatlayer">
  65 + <ul>
  66 + {{# nav}}
  67 + <li data-sid="{{sid}}">
  68 + <a href="javascript:;"><span>{{textCn}}</span></a>
  69 + </li>
  70 + {{/ nav}}
  71 + </ul>
  72 + </div>
  73 + </div>
  74 + {{/ hotWeek}}
  75 +{{/ hotrank}}
  76 +</div>
  77 +{{> layout/footer}}
@@ -81,3 +81,10 @@ @@ -81,3 +81,10 @@
81 seajs.use('js/passport/vertification'); 81 seajs.use('js/passport/vertification');
82 </script> 82 </script>
83 {{/if}} 83 {{/if}}
  84 +
  85 +{{!-- 热销排行--}}
  86 +{{#if hotrankPage}}
  87 + <script>
  88 + seajs.use('js/product/hotrank');
  89 + </script>
  90 +{{/if}}
@@ -26,7 +26,7 @@ @@ -26,7 +26,7 @@
26 </div> 26 </div>
27 <div class="good-detail-img"> 27 <div class="good-detail-img">
28 <a class="good-thumb" href="{{url}}"> 28 <a class="good-thumb" href="{{url}}">
29 - <img class="lazy" src="{{thumb}}"> 29 + <img class="lazy" data-original="{{thumb}}">
30 </a> 30 </a>
31 {{# isFew}} 31 {{# isFew}}
32 <p class="few-tag">即将售罄</p> 32 <p class="few-tag">即将售罄</p>
@@ -31,9 +31,8 @@ var $ = require('yoho.jquery'), @@ -31,9 +31,8 @@ var $ = require('yoho.jquery'),
31 31
32 for (i = 0; i < items.length; i++) { 32 for (i = 0; i < items.length; i++) {
33 item = options.fn(items[i]); 33 item = options.fn(items[i]);
34 - console.log(items.length);  
35 - if (i % showNum === 5 || i === 5) {  
36 34
  35 + if (i % showNum === 5 || i === 5) {
37 36
38 //插入切换按钮的位置 37 //插入切换按钮的位置
39 out = out + '<li class="logo-brand-switch" data-page="' + Math.floor(i / showNum) + '">' + 38 out = out + '<li class="logo-brand-switch" data-page="' + Math.floor(i / showNum) + '">' +
@@ -44,7 +43,7 @@ var $ = require('yoho.jquery'), @@ -44,7 +43,7 @@ var $ = require('yoho.jquery'),
44 43
45 //插入more的位置，more占的是下一页第一个brand的位置，所以page是i/17 44 //插入more的位置，more占的是下一页第一个brand的位置，所以page是i/17
46 out = out + '<li class="brand-more" data-page="' + Math.floor(i / (showNum + 1)) + '">' + 45 out = out + '<li class="brand-more" data-page="' + Math.floor(i / (showNum + 1)) + '">' +
47 - '<a href="{{href}}">MORE ></a></li>' + 46 + '<a href="javascript:;">MORE ></a></li>' +
48 '<li data-page="' + Math.floor(i / showNum) + '">' + item + '</li>'; 47 '<li data-page="' + Math.floor(i / showNum) + '">' + item + '</li>';
49 } else { 48 } else {
50 out = out + '<li data-page="' + Math.floor(i / showNum) + '">' + item + '</li>'; 49 out = out + '<li data-page="' + Math.floor(i / showNum) + '">' + item + '</li>';
@@ -53,7 +52,7 @@ var $ = require('yoho.jquery'), @@ -53,7 +52,7 @@ var $ = require('yoho.jquery'),
53 52
54 //加上最后一个more, more占的是下一页第一个brand的位置，这里已经循环不到brand，所以加在末尾 53 //加上最后一个more, more占的是下一页第一个brand的位置，这里已经循环不到brand，所以加在末尾
55 return out + '<li class="brand-more" data-page="' + Math.floor(i / (showNum + 1)) + '">' + 54 return out + '<li class="brand-more" data-page="' + Math.floor(i / (showNum + 1)) + '">' +
56 - '<a href="{{href}}">MORE ></a></li></ul>'; 55 + '<a href="javascript:;">MORE ></a></li></ul>';
57 56
58 }); 57 });
59 }, 58 },
@@ -74,6 +73,7 @@ var $ = require('yoho.jquery'), @@ -74,6 +73,7 @@ var $ = require('yoho.jquery'),
74 '\{{/brandList}}'; 73 '\{{/brandList}}';
75 brandTpl = Handlebars.compile(brandHtml); 74 brandTpl = Handlebars.compile(brandHtml);
76 that.$element.html(brandTpl(data)); 75 that.$element.html(brandTpl(data));
  76 + that.$element.find('.brand-more a').attr('href', data.moreBrand);
77 lazyLoad(that.$element.find('img.lazy')); 77 lazyLoad(that.$element.find('img.lazy'));
78 that._bindEvent(); 78 that._bindEvent();
79 } 79 }
@@ -85,7 +85,6 @@ var $ = require('yoho.jquery'), @@ -85,7 +85,6 @@ var $ = require('yoho.jquery'),
85 lazyLoad($('li[data-page=' + showPage + ']').find('img.lazy').trigger('appear')); 85 lazyLoad($('li[data-page=' + showPage + ']').find('img.lazy').trigger('appear'));
86 that.$element.find('li[data-page=' + hidePage + ']').find('img').fadeOut('normal', function() { 86 that.$element.find('li[data-page=' + hidePage + ']').find('img').fadeOut('normal', function() {
87 that.$element.find('li').hide(); 87 that.$element.find('li').hide();
88 -  
89 that.$element.find('li[data-page=' + showPage + ']').show().find('img').fadeIn(); 88 that.$element.find('li[data-page=' + showPage + ']').show().find('img').fadeIn();
90 }); 89 });
91 }, 90 },
  1 +/**
  2 + * 首页
  3 + * @author: liuyue<yue.liu@yoho.cn>
  4 + * @date: 2015/12/17
  5 + */
  6 +
  7 +var $ = require('yoho.jquery'),
  8 + Handlebars = require('yoho.handlebars'),
  9 + lazyLoad = require('yoho.lazyload');
  10 +
  11 +require('../common/slider');
  12 +require('../common/logo-brand');
  13 +
  14 +lazyLoad($('img.lazy'));
  15 +$('.slide-container').slider();
  16 +$('.logo-brand').logoBrand({
  17 + showNum: 10,
  18 + url: './getBrand'
  19 +});
  20 +
  21 +/*
  22 + * 一周热卖
  23 + */
  24 +(function($) {
  25 + var floatlayer = $('.hot-week').find('.floatlayer'),
  26 + sid = $('.hot-cate').find('li').eq(0).data('sid'),
  27 + weekOffsetTop,
  28 + source,
  29 + template,
  30 + page = 1,
  31 + hotCateW = 0,
  32 + weekEnd = false;
  33 +
  34 + source = '\{{# list}}' +
  35 + '<div class="good-info">' +
  36 + '<div class="item-img">' +
  37 + '<a class="good-thumb" target="_blank" href="\{{url}}">' +
  38 + '<img class="lazy" data-original="\{{img}}">' +
  39 + '</a>' +
  40 + '</div>' +
  41 + '<div class="good-detail-text">' +
  42 + '<a target="_blank" href="{{url}}">{{name}}</a>' +
  43 + '<p class="price">' +
  44 + '<span class="sale-price{{#unless marketPrice}}prime-cost{{/unless}}">' +
  45 + '¥{{salePrice}}</span>' +
  46 + '{{# marketPrice}}<span class="market-price">¥{{.}}</span>{{/ marketPrice}}' +
  47 + '</p>' +
  48 + '</div>' +
  49 + '</div>' +
  50 + '{{/ list}}';
  51 +
  52 + //监听滚动事件，控制浮层样式及下拉加载更多
  53 + $(window).on('scroll', function() {
  54 + var maxH = weekOffsetTop + $('.hot-week').outerHeight();
  55 +
  56 + //热卖右侧浮动导航位置
  57 + weekOffsetTop = $('.hot-week').offset().top;
  58 + if ($(this).scrollTop() >= weekOffsetTop - $(window).height() / 2) {
  59 + if (floatlayer.offset().top + floatlayer.outerHeight() >= maxH) {
  60 + floatlayer.css({
  61 + position: 'absolute',
  62 + marginTop: 0,
  63 + top: $('.hot-week').outerHeight() - floatlayer.outerHeight()
  64 + });
  65 + } else {
  66 + floatlayer.css({
  67 + marginTop: -floatlayer.height() / 2
  68 + }).stop().animate({
  69 + opacity: 1
  70 + }, 200, function() {
  71 + floatlayer.show();
  72 + });
  73 + }
  74 +
  75 + } else {
  76 + floatlayer.stop().animate({
  77 + opacity: 0
  78 + }, 200, function() {
  79 + floatlayer.hide();
  80 + });
  81 + }
  82 +
  83 + if (floatlayer.offset().top >= $(this).scrollTop() + ($(window).height() - floatlayer.outerHeight()) / 2) {
  84 + floatlayer.css({
  85 + position: 'fixed',
  86 + marginTop: -floatlayer.height() / 2,
  87 + top: '50%'
  88 + });
  89 + }
  90 +
  91 + //下拉加载
  92 + if ($(this).scrollTop() >= weekOffsetTop + $('.hot-week').height() - $(window).height()) {
  93 + if (!weekEnd) {
  94 + page++;
  95 + weekEnd = true; //防止多次请求
  96 + weekAjax(sid, page);
  97 + }
  98 + }
  99 +
  100 + });
  101 +
  102 + //热卖横导航及竖导航的超出显示控制
  103 + $('.hot-cate').find('li').each(function(i) {
  104 + var maxW = $('.hot-cate').width();
  105 +
  106 + if (hotCateW <= maxW) {
  107 + hotCateW = hotCateW + $(this).width();
  108 + if (hotCateW >= maxW) {
  109 + $('.floatlayer').find('li').eq(i).hide().nextAll().hide();
  110 + }
  111 + }
  112 +
  113 + });
  114 +
  115 + //热卖横导航点击事件处理
  116 + $('.hot-cate').on('click', 'li', function() {
  117 + var nowIndex = $(this).index(),
  118 + sid = $(this).data('sid');
  119 +
  120 + //处理current样式
  121 + $(this).addClass('current').siblings().removeClass('current');
  122 + $('.floatlayer').find('li').removeClass('current').eq(nowIndex).addClass('current');
  123 +
  124 + //返回热卖顶部，110为floor-header所占高度
  125 + $('body,html').stop().animate({
  126 + scrollTop: weekOffsetTop - 110
  127 + }, 500);
  128 +
  129 + //调用ajax请求函数，重置page，weekEnd
  130 + weekAjax(sid);
  131 + page = 1;
  132 + });
  133 +
  134 + //热卖右侧悬浮导航点击事件处理
  135 + $('.floatlayer').on('click', 'li', function() {
  136 + var nowIndex = $(this).index();
  137 +
  138 + $('.hot-cate').find('li').trigger('click');
  139 +
  140 + //处理current样式
  141 + $(this).addClass('current').siblings().removeClass('current');
  142 + $('.hot-cate').find('li').removeClass('current').eq(nowIndex).addClass('current');
  143 + });
  144 +
  145 + /*
  146 + * 热卖内容ajax请求
  147 + * param: sid(ajax请求的id), page(ajax请求的页码)
  148 + */
  149 + function weekAjax(sid, page) {
  150 + var param = {};
  151 +
  152 + if (page) {
  153 + param = {
  154 + sid: sid,
  155 + page: page
  156 + };
  157 + } else {
  158 + param = {
  159 + sid: sid
  160 + };
  161 + }
  162 + $.ajax({
  163 + type: 'GET',
  164 + dataType: 'json',
  165 + url: '/hotrank/getdata',
  166 + data: param,
  167 + success: function(res) {
  168 + var data;
  169 +
  170 + if (res.code === 200) {
  171 + data = {
  172 + list: res.data
  173 + };
  174 +
  175 + //mustache渲染数据,并替换原内容
  176 + template = Handlebars.compile(source);
  177 + if (page) {
  178 + $('.hot-week-list').append(template(data));
  179 + floatlayer.css({
  180 + position: 'fixed',
  181 + marginTop: -floatlayer.height() / 2,
  182 + top: '50%'
  183 + });
  184 + } else {
  185 + $('.hot-week-list').html(template(data));
  186 + }
  187 +
  188 + lazyLoad($('img.lazy'));
  189 + weekEnd = false;
  190 + }
  191 + }
  192 + });
  193 + }
  194 +
  195 + //热卖中导航current类处理
  196 + $('.hot-cate').find('li').eq(0).addClass('current');
  197 + $('.floatlayer').find('li').eq(0).addClass('current');
  198 +})($);
  1 +.hotrank-page {
  2 + width: 1150px;
  3 + margin: 0 auto;
  4 +
  5 + .popular-goods {
  6 + .popular-list {
  7 + width: 1160px;
  8 + }
  9 +
  10 + li {
  11 + position: relative;
  12 + float: left;
  13 + width: 378px;
  14 + height: 596px;
  15 + overflow: hidden;
  16 + list-style: none;
  17 + margin: 0 8px 0 0;
  18 +
  19 + .item-img {
  20 + width: 378px;
  21 + height: 506px;
  22 + line-height: 506px;
  23 + text-align: center;
  24 + overflow: hidden;
  25 + }
  26 +
  27 + img {
  28 + display: block;
  29 + width: 100%;
  30 + height: 100%;
  31 + }
  32 +
  33 + .polular-icon {
  34 + position: absolute;
  35 + top: 0;
  36 + right: 0;
  37 + width: 50px;
  38 + height: 50px;
  39 + line-height: 60px;
  40 + background: #ffc513 image-url('product/hotrank/popular-icon.png') no-repeat center center;
  41 + text-align: center;
  42 + color: #ffc513;
  43 + font-weight: bold;
  44 + }
  45 +
  46 + .item-content {
  47 + width: 378px;
  48 + padding: 14px 0 0 0;
  49 + height: 77px;
  50 + overflow: hidden;
  51 + text-align: center;
  52 + color: #222;
  53 + line-height: 18px;
  54 +
  55 + h2 {
  56 + max-height: 36px;
  57 + font-size: 12px;
  58 + color: #000;
  59 + line-height: 18px;
  60 + text-align: center;
  61 + overflow: hidden;
  62 + }
  63 +
  64 + p {
  65 + display: inline-block;
  66 + margin: 3px 0 0 0;
  67 + font-size: 12px;
  68 + *zoom: 1;
  69 + *display: inline;
  70 + text-align: center;
  71 + line-height: 20px;
  72 + color: #000;
  73 +
  74 + span {
  75 + text-decoration: line-through;
  76 + margin: 0 10px 0 0;
  77 + color: #999;
  78 + }
  79 + }
  80 + }
  81 + }
  82 +
  83 + .popular-item6,
  84 + .popular-item7,
  85 + .popular-item8,
  86 + .popular-item9 {
  87 + width: 280px;
  88 + height: 464px;
  89 + margin: 0 10px 0 0;
  90 + overflow: hidden;
  91 +
  92 + .item-img {
  93 + width: 280px;
  94 + height: 374px;
  95 + line-height: 374px;
  96 + }
  97 +
  98 + .item-content {
  99 + width: 280px;
  100 + }
  101 + }
  102 + }
  103 +
  104 + .hot-week {
  105 + position: relative;
  106 + padding: 0 0 40px;
  107 + }
  108 +
  109 + .hot-cate {
  110 + height: 45px;
  111 + background: #f5f7f6;
  112 + overflow: hidden;
  113 +
  114 + li {
  115 + float: left;
  116 + height: 45px;
  117 + line-height: 45px;
  118 + display: table-cell;
  119 +
  120 + a {
  121 + vertical-align: middle;
  122 + padding: 0 26px;
  123 + font-size: 14px;
  124 + color: #777;
  125 + line-height: 20px;
  126 + border-left: 1px solid #999;
  127 + }
  128 + }
  129 +
  130 + li:first-child {
  131 + a {
  132 + border: none;
  133 + }
  134 + }
  135 +
  136 + li.current {
  137 + a {
  138 + font-size: 16px;
  139 + color: #000;
  140 + }
  141 + }
  142 + }
  143 +
  144 + .hot-week-list {
  145 + width: 1160px;
  146 +
  147 + .good-info {
  148 + width: 280px;
  149 + height: 464px;
  150 + margin: 10px 10px 0 0;
  151 +
  152 + .tag-container {
  153 + display: none;
  154 + }
  155 +
  156 + .good-detail-img {
  157 + height: 374px;
  158 + line-height: 374px;
  159 + text-align: center;
  160 + font-size: 0;
  161 +
  162 + img {
  163 + vertical-align: middle;
  164 + }
  165 + }
  166 +
  167 + .good-detail-text {
  168 + height: 77px;
  169 + overflow: hidden;
  170 + text-align: center;
  171 + color: #222;
  172 + line-height: 18px;
  173 +
  174 + a {
  175 + max-height: 36px;
  176 + font-size: 12px;
  177 + color: #000;
  178 + line-height: 18px;
  179 + text-align: center;
  180 + overflow: hidden;
  181 + }
  182 +
  183 + p {
  184 + display: inline-block;
  185 + margin: 3px 0 0 0;
  186 + font-size: 12px;
  187 + *zoom: 1;
  188 + *display: inline;
  189 + text-align: center;
  190 + line-height: 20px;
  191 + color: #000;
  192 +
  193 + .sale-price {
  194 + text-decoration: line-through;
  195 + margin: 0 10px 0 0;
  196 + color: #999;
  197 + }
  198 + }
  199 + }
  200 + }
  201 + }
  202 +
  203 + .floatlayer {
  204 + display: none;
  205 + position: fixed;
  206 + top: 50%;
  207 + left: 50%;
  208 + margin: 0 0 0 575px;
  209 + opacity: 0;
  210 + filter: alpha(opacity = 0);
  211 +
  212 + li {
  213 + width: 42px;
  214 + height: 42px;
  215 + border: 2px solid #555;
  216 + border-top: none;
  217 + border-bottom-width: 1px;
  218 + text-align: center;
  219 +
  220 + a {
  221 + position: relative;
  222 + display: table-cell;
  223 + width: 42px;
  224 + height: 42px;
  225 + vertical-align: middle;
  226 + color: #555;
  227 + font-size: 12px;
  228 +
  229 + span {
  230 + display: inline-block;
  231 + vertical-align: middle;
  232 + width: 28px;
  233 + *zoom: 1;
  234 + *display: inline;
  235 + word-wrap: break-word;
  236 + }
  237 + }
  238 + }
  239 +
  240 + li:first-child {
  241 + border-top: 1px solid #555;
  242 + }
  243 +
  244 + li.current, li:hover {
  245 + background: #555;
  246 +
  247 + a {
  248 + color: #fff;
  249 + }
  250 + }
  251 + }
  252 +}
1 -@import "search", "list", "filter-box", "sort-pager", "good";  
  1 +@import "search", "list", "filter-box", "sort-pager", "good", "hot-rank";
@@ -270,6 +270,7 @@ class BoysController extends WebAction @@ -270,6 +270,7 @@ class BoysController extends WebAction
270 public function getBrandAction() 270 public function getBrandAction()
271 { 271 {
272 $data = array( 272 $data = array(
  273 + 'moreBrand' => 'http://www.baidu.com',
273 'logoBrand' => array( 274 'logoBrand' => array(
274 array( 275 array(
275 'href' => 'http://www.yohobuy.com', 276 'href' => 'http://www.yohobuy.com',
@@ -916,4 +916,432 @@ class IndexController extends AbstractAction @@ -916,4 +916,432 @@ class IndexController extends AbstractAction
916 916
917 $this->echoJson($data); 917 $this->echoJson($data);
918 } 918 }
  919 +
  920 + /*
  921 + * 热销排行
  922 + */
  923 + public function hotrankAction() {
  924 + $data = array(
  925 + 'hotrankPage' => true,
  926 + 'hotrank' => array(
  927 + array(
  928 + 'slide' => array(
  929 + 'list' => array(
  930 + array(
  931 + 'href' => '/?gender=1,3',
  932 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  933 + ),
  934 + array(
  935 + 'href' => '/?gender=1,3',
  936 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  937 + ),
  938 + array(
  939 + 'href' => '/?gender=1,3',
  940 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  941 + ),
  942 + array(
  943 + 'href' => '/?gender=1,3',
  944 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  945 + ),
  946 + array(
  947 + 'href' => '/?gender=1,3',
  948 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  949 + ),
  950 + array(
  951 + 'href' => '/?gender=1,3',
  952 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  953 + ),
  954 + array(
  955 + 'href' => '/?gender=1,3',
  956 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  957 + ),
  958 + array(
  959 + 'href' => '/?gender=1,3',
  960 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  961 + )
  962 + )
  963 + )
  964 + ),
  965 + array(
  966 + 'popular' => array(
  967 + 'name' => '人气单品',
  968 + 'list' => array(
  969 + array(
  970 + 'href' => '',
  971 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  972 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  973 + 'price' => '399',
  974 + 'sPrice' => '199',
  975 + 'rank' => '1'
  976 + ),
  977 + array(
  978 + 'href' => '',
  979 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  980 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  981 + 'price' => '399',
  982 + 'sPrice' => '199',
  983 + 'rank' => '2'
  984 + ),
  985 + array(
  986 + 'href' => '',
  987 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  988 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  989 + 'price' => '399',
  990 + 'sPrice' => '199',
  991 + 'rank' => '3'
  992 + ),
  993 + array(
  994 + 'href' => '',
  995 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  996 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  997 + 'price' => '399',
  998 + 'sPrice' => '199',
  999 + 'rank' => '4'
  1000 + ),
  1001 + array(
  1002 + 'href' => '',
  1003 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  1004 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  1005 + 'price' => '399',
  1006 + 'sPrice' => '199',
  1007 + 'rank' => '5'
  1008 + ),
  1009 + array(
  1010 + 'href' => '',
  1011 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  1012 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  1013 + 'price' => '399',
  1014 + 'sPrice' => '199',
  1015 + 'rank' => '6'
  1016 + ),
  1017 + array(
  1018 + 'href' => '',
  1019 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  1020 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  1021 + 'price' => '399',
  1022 + 'sPrice' => '199',
  1023 + 'rank' => '7'
  1024 + ),
  1025 + array(
  1026 + 'href' => '',
  1027 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  1028 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  1029 + 'price' => '399',
  1030 + 'sPrice' => '199',
  1031 + 'rank' => '8'
  1032 + ),
  1033 + array(
  1034 + 'href' => '',
  1035 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  1036 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  1037 + 'price' => '399',
  1038 + 'sPrice' => '199',
  1039 + 'rank' => '9'
  1040 + ),
  1041 + array(
  1042 + 'href' => '',
  1043 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2014/09/16/07/027e03e45e3e88db0adbf6255671546a0b.jpg?imageMogr2/thumbnail/378x504/extent/378x504/background/d2hpdGU=/position/center/quality/90',
  1044 + 'title' => 'YYYOHOOD 黄伟文Wyman X yohood联名商品 圆领卫衣',
  1045 + 'price' => '399',
  1046 + 'sPrice' => '199',
  1047 + 'rank' => '10'
  1048 + )
  1049 + )
  1050 +
  1051 + )
  1052 + ),
  1053 + array(
  1054 + 'hotBrands' => array(
  1055 + 'name' => '热门品牌'
  1056 + )
  1057 + ),
  1058 + array(
  1059 + 'hotWeek' => array(
  1060 + 'name' => '一周热卖',
  1061 + 'nav' => array(
  1062 + array(
  1063 + 'textCn' => 'TOP100',
  1064 + 'url' => '',
  1065 + 'sid' => 1
  1066 + ),
  1067 + array(
  1068 + 'textCn' => '上装',
  1069 + 'url' => '',
  1070 + 'sid' => 2
  1071 + ),
  1072 + array(
  1073 + 'textCn' => '男生测试',
  1074 + 'url' => '',
  1075 + 'sid' => 3
  1076 + ),
  1077 + array(
  1078 + 'textCn' => '配饰',
  1079 + 'url' => '',
  1080 + 'sid' => 4
  1081 + )
  1082 + ),
  1083 + 'list' => array(
  1084 + array(
  1085 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/11/24/10/020dce58a189f3fbfc071b3d5dc7ccc4e9.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90',
  1086 + 'url' => 'http://item.yohobuy.com/product/pro_294497_377385.html',
  1087 + 'name' => 'MARtube马克图布 暖手宝移动电源萌兔',
  1088 + 'marketPrice' => '109',
  1089 + 'salePrice' => '129'
  1090 + ),
  1091 + array(
  1092 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/11/24/10/020dce58a189f3fbfc071b3d5dc7ccc4e9.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90',
  1093 + 'url' => 'http://item.yohobuy.com/product/pro_294497_377385.html',
  1094 + 'name' => 'MARtube马克图布 暖手宝移动电源萌兔',
  1095 + 'marketPrice' => '109',
  1096 + 'salePrice' => '129'
  1097 + ),
  1098 + array(
  1099 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/11/24/10/020dce58a189f3fbfc071b3d5dc7ccc4e9.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90',
  1100 + 'url' => 'http://item.yohobuy.com/product/pro_294497_377385.html',
  1101 + 'name' => 'MARtube马克图布 暖手宝移动电源萌兔',
  1102 + 'marketPrice' => '109',
  1103 + 'salePrice' => '129'
  1104 + ),
  1105 + array(
  1106 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/11/24/10/020dce58a189f3fbfc071b3d5dc7ccc4e9.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90',
  1107 + 'url' => 'http://item.yohobuy.com/product/pro_294497_377385.html',
  1108 + 'name' => 'MARtube马克图布 暖手宝移动电源萌兔',
  1109 + 'marketPrice' => '109',
  1110 + 'salePrice' => '129'
  1111 + ),
  1112 + array(
  1113 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/11/24/10/020dce58a189f3fbfc071b3d5dc7ccc4e9.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90',
  1114 + 'url' => 'http://item.yohobuy.com/product/pro_294497_377385.html',
  1115 + 'name' => 'MARtube马克图布 暖手宝移动电源萌兔',
  1116 + 'marketPrice' => '109',
  1117 + 'salePrice' => '129'
  1118 + ),
  1119 + array(
  1120 + 'thumb' => 'http://img13.static.yhbimg.com/goodsimg/2015/11/24/10/020dce58a189f3fbfc071b3d5dc7ccc4e9.jpg?imageMogr2/thumbnail/280x373/extent/280x373/background/d2hpdGU=/position/center/quality/90',
  1121 + 'url' => 'http://item.yohobuy.com/product/pro_294497_377385.html',
  1122 + 'name' => 'MARtube马克图布 暖手宝移动电源萌兔',
  1123 + 'marketPrice' => '109',
  1124 + 'salePrice' => '129'
  1125 + ),
  1126 + )
  1127 + )
  1128 + )
  1129 + )
  1130 + );
  1131 + $this->_view->display('hotrank', $data);
  1132 + }
  1133 +
  1134 +
  1135 + /*
  1136 + * 热销排行热门品牌ajax
  1137 + */
  1138 + public function getBrandAction()
  1139 + {
  1140 + $data = array(
  1141 + 'logoBrand' => array(
  1142 + array(
  1143 + 'href' => 'http://www.yohobuy.com',
  1144 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2014/09/25/17/0248182b151d2d59cbeea8e73495d1607a.jpg?imageView/2/w/185/h/86'
  1145 + ),
  1146 + array(
  1147 + 'href' => '',
  1148 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1149 + ),
  1150 + array(
  1151 + 'href' => '',
  1152 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1153 + ),
  1154 + array(
  1155 + 'href' => '',
  1156 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1157 + ),
  1158 + array(
  1159 + 'href' => '',
  1160 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1161 + ),
  1162 + array(
  1163 + 'href' => '',
  1164 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1165 + ),
  1166 + array(
  1167 + 'href' => '',
  1168 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1169 + ),
  1170 + array(
  1171 + 'href' => '',
  1172 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1173 + ),
  1174 + array(
  1175 + 'href' => '',
  1176 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1177 + ),
  1178 + array(
  1179 + 'href' => '',
  1180 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1181 + ),
  1182 + array(
  1183 + 'href' => '',
  1184 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1185 + ),
  1186 + array(
  1187 + 'href' => '',
  1188 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1189 + ),
  1190 + array(
  1191 + 'href' => '',
  1192 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1193 + ),
  1194 + array(
  1195 + 'href' => '',
  1196 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1197 + ),
  1198 + array(
  1199 + 'href' => '',
  1200 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1201 + ),
  1202 + array(
  1203 + 'href' => '',
  1204 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1205 + ),
  1206 + array(
  1207 + 'href' => '',
  1208 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1209 + ),
  1210 + array(
  1211 + 'href' => '',
  1212 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1213 + ),
  1214 + array(
  1215 + 'href' => '',
  1216 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1217 + ),
  1218 + array(
  1219 + 'href' => '',
  1220 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1221 + ),
  1222 + array(
  1223 + 'href' => '',
  1224 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1225 + ),
  1226 + array(
  1227 + 'href' => '',
  1228 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1229 + ),
  1230 + array(
  1231 + 'href' => '',
  1232 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1233 + ),
  1234 + array(
  1235 + 'href' => '',
  1236 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/04/10/16/02963cdc1aeab10959bfeccc400aaa8de8.jpg?imageView/2/w/185/h/86'
  1237 + ),
  1238 + array(
  1239 + 'href' => '',
  1240 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1241 + ),
  1242 + array(
  1243 + 'href' => '',
  1244 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1245 + ),
  1246 + array(
  1247 + 'href' => '',
  1248 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1249 + ),
  1250 + array(
  1251 + 'href' => '',
  1252 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1253 + ),
  1254 + array(
  1255 + 'href' => '',
  1256 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1257 + ),
  1258 + array(
  1259 + 'href' => '',
  1260 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1261 + ),
  1262 + array(
  1263 + 'href' => '',
  1264 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1265 + ),
  1266 + array(
  1267 + 'href' => '',
  1268 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1269 + ),
  1270 + array(
  1271 + 'href' => '',
  1272 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1273 + ),
  1274 + array(
  1275 + 'href' => '',
  1276 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/04/10/16/02963cdc1aeab10959bfeccc400aaa8de8.jpg?imageView/2/w/185/h/86'
  1277 + ),
  1278 + array(
  1279 + 'href' => '',
  1280 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1281 + ),
  1282 + array(
  1283 + 'href' => '',
  1284 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1285 + ),
  1286 + array(
  1287 + 'href' => '',
  1288 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1289 + ),
  1290 + array(
  1291 + 'href' => '',
  1292 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1293 + ),
  1294 + array(
  1295 + 'href' => '',
  1296 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1297 + ),
  1298 + array(
  1299 + 'href' => '',
  1300 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1301 + ),
  1302 + array(
  1303 + 'href' => '',
  1304 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1305 + ),
  1306 + array(
  1307 + 'href' => '',
  1308 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1309 + ),
  1310 + array(
  1311 + 'href' => '',
  1312 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1313 + ),
  1314 + array(
  1315 + 'href' => '',
  1316 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1317 + ),
  1318 + array(
  1319 + 'href' => '',
  1320 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1321 + ),
  1322 + array(
  1323 + 'href' => '',
  1324 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1325 + ),
  1326 + array(
  1327 + 'href' => '',
  1328 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1329 + ),
  1330 + array(
  1331 + 'href' => '',
  1332 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1333 + ),
  1334 + array(
  1335 + 'href' => '',
  1336 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1337 + ),
  1338 + array(
  1339 + 'href' => '',
  1340 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  1341 + )
  1342 + )
  1343 + );
  1344 +
  1345 + $this->echoJson($data);
  1346 + }
919 } 1347 }