Authored by wangqing

合并男首冲突

  1 +<?php return function ($in, $debugopt = 1) {
  2 + $cx = array(
  3 + 'flags' => array(
  4 + 'jstrue' => false,
  5 + 'jsobj' => false,
  6 + 'spvar' => true,
  7 + 'prop' => false,
  8 + 'method' => false,
  9 + 'mustlok' => true,
  10 + 'echo' => false,
  11 + 'debug' => $debugopt,
  12 + ),
  13 + 'constants' => array(),
  14 + 'helpers' => array(),
  15 + 'blockhelpers' => array(),
  16 + 'hbhelpers' => array(),
  17 + 'partials' => array(),
  18 + 'scopes' => array(),
  19 + 'sp_vars' => array('root' => $in),
  20 + 'lcrun' => 'Plugin\LCRun3',
  21 +
  22 + );
  23 +
  24 + return ''.'<!DOCTYPE html>
  25 +<html>
  26 + <head>
  27 + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  28 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  29 + <meta http-equiv="Cache-Control" content="no-siteapp" />
  30 + <meta name="renderer" content="webkit">
  31 + <link rel="shortcut icon" href="http://www.yohobuy.com/favicon.ico" type="image/x-icon" />
  32 + <meta name="keywords" content="'.Plugin\LCRun3::debug('[keywords]', 'encq', $cx, Plugin\LCRun3::debug('[keywords]', 'v', $cx, $in, array('keywords'))).'">
  33 + <meta name="description" content="'.Plugin\LCRun3::debug('[description]', 'encq', $cx, Plugin\LCRun3::debug('[description]', 'v', $cx, $in, array('description'))).'">
  34 + <title>'.Plugin\LCRun3::debug('[title]', 'encq', $cx, Plugin\LCRun3::debug('[title]', 'v', $cx, $in, array('title'))).'</title>
  35 + <!-- [if (gte IE 6)&(lte IE 8)>
  36 + <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  37 + <![endif]-->
  38 + <link rel="stylesheet" href="http://webstatic.dev.yohobuy.com/css/index.css">
  39 + </head>
  40 + <body>
  41 + '.''.Plugin\LCRun3::debug('[headerdata]', 'sec', $cx, Plugin\LCRun3::debug('[headerdata]', 'v', $cx, $in, array('headerdata')), $in, false, function($cx, $in) {return '<div class="header-page yoho-page">
  42 + <div class="header-topwrapper clearfix">
  43 + <div class="header-top">
  44 + <div class="leftpart float-left">
  45 + <span class="icon-hamburger"></span>
  46 + <a href="" class="header-yoho" >YOHO!有货</a>
  47 + <ul class="yohoproducts-list">
  48 + <li class="yohoproducts-item">
  49 + <a href="" class="yohogroup" en="YOHO!" cn="集团官网">YOHO!</a>
  50 + </li>
  51 + <li class="yohoproducts-item">
  52 + <a href="" class="yohogroup" en="YOHO!BOYS" cn="男生潮流">YOHO!BOYS</a>
  53 + </li>
  54 + <li class="yohoproducts-item">
  55 + <a href="" class="yohogroup" en="YOHO!GIRLS" cn="女生潮流">YOHO!GIRLS</a>
  56 + </li>
  57 + <li class="yohoproducts-item">
  58 + <a href="" class="yohogroup" en="YOHO!SHOW" cn="物趣分享">YOHO!SHOW</a>
  59 + </li>
  60 + <li class="yohoproducts-item">
  61 + <a href="" class="yohogroup" en="YO\'HOOD" cn="潮流嘉年华">YO\'HOOD</a>
  62 + </li>
  63 + </ul>
  64 + </div>
  65 + <div class="rightpart">
  66 + <div id="loginBox" class="float-left">
  67 + <span class="hi">Hi~</span>
  68 + <a href="" class="loginbar">[请登录]</a>
  69 + <a href="" class="registbar">[免费注册]</a>
  70 + </div>
  71 + <div class="tag-list-wrapper">
  72 + <ul class="tag-list">
  73 + <li class="tag-item myyoho" id="myYohoBox">
  74 + <span class="tag-seprate"></span>
  75 + <a href="">MY有货</a>
  76 + <span class="icon-bottomarrow"></span>
  77 + <div class="myyoho-info"></div>
  78 + </li>
  79 + <li class="tag-item myorder">
  80 + <span class="tag-seprate"></span>
  81 + <span class="icon-papers"></span>
  82 + <a href="">我的订单</a>
  83 + </li>
  84 + <li class="tag-item mycollect">
  85 + <span class="tag-seprate"></span>
  86 + <span class="icon-heart"></span>
  87 + <a href="">我的收藏</a>
  88 + </li>
  89 + <li class="tag-item message">
  90 + <span class="tag-seprate"></span>
  91 + <span class="icon-mail"></span>
  92 + <a href="">消息</a>
  93 + </li>
  94 + <li class="tag-item phone">
  95 + <span class="tag-seprate"></span>
  96 + <span class="icon-iphone"></span>
  97 + <a href="">手机版</a>
  98 + <div class="qr">
  99 + <div class="qr-img"></div>
  100 + <h3 class="qr-words">扫描二维码</h3>
  101 + <h3 class="qr-words">下载有货手机客户端</h3>
  102 + <h3 class="qr-more">更多客户端下载</h3>
  103 + </div>
  104 + </li>
  105 + </ul>
  106 + </div>
  107 + </div>
  108 + </div>
  109 + </div>
  110 + <div class="header-navwrapper clearfix">
  111 + <div class="header-navcontent">
  112 + <ul class="first-nav-list float-left">
  113 +'.Plugin\LCRun3::debug('[navbars]', 'sec', $cx, Plugin\LCRun3::debug('[navbars]', 'v', $cx, $in, array('navbars')), $in, false, function($cx, $in) {return ' <li class="first-nav-item '.Plugin\LCRun3::debug('[classname]', 'encq', $cx, Plugin\LCRun3::debug('[classname]', 'v', $cx, $in, array('classname'))).'">
  114 + <h3 class="name-cn">
  115 + <a href="'.Plugin\LCRun3::debug('[link]', 'encq', $cx, Plugin\LCRun3::debug('[link]', 'v', $cx, $in, array('link'))).'">'.Plugin\LCRun3::debug('[name_cn]', 'encq', $cx, Plugin\LCRun3::debug('[name_cn]', 'v', $cx, $in, array('name_cn'))).'</a>
  116 + </h3>
  117 + <h3 class="name-en">
  118 + <a href="'.Plugin\LCRun3::debug('[link]', 'encq', $cx, Plugin\LCRun3::debug('[link]', 'v', $cx, $in, array('link'))).'">'.Plugin\LCRun3::debug('[name_en]', 'encq', $cx, Plugin\LCRun3::debug('[name_en]', 'v', $cx, $in, array('name_en'))).'</a>
  119 + </h3>
  120 + <div class=\'sub-nav-wrapper\'>
  121 + <ul class="sub-nav-list">
  122 +'.Plugin\LCRun3::debug('[subnav]', 'sec', $cx, Plugin\LCRun3::debug('[subnav]', 'v', $cx, $in, array('subnav')), $in, false, function($cx, $in) {return ' <li class="sub-nav-item">
  123 + <a href="'.Plugin\LCRun3::debug('[link]', 'encq', $cx, Plugin\LCRun3::debug('[link]', 'v', $cx, $in, array('link'))).'">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</a>
  124 + <div class="third-nav-wrapper">
  125 + <div class="third-nav">
  126 + <div class="categorywrapper" id="category'.Plugin\LCRun3::debug('../[index_main]', 'encq', $cx, Plugin\LCRun3::debug('../[index_main]', 'v', $cx, $cx['scopes'][count($cx['scopes'])-1], array('index_main'))).''.Plugin\LCRun3::debug('[index_sub]', 'encq', $cx, Plugin\LCRun3::debug('[index_sub]', 'v', $cx, $in, array('index_sub'))).'">
  127 + <div class="category">
  128 +'.Plugin\LCRun3::debug('[thirdnav]', 'sec', $cx, Plugin\LCRun3::debug('[thirdnav]', 'v', $cx, $in, array('thirdnav')), $in, false, function($cx, $in) {return ' <div class="thirdnavlist">
  129 + <h1 class="category-title thirdnavbar">'.Plugin\LCRun3::debug('[title]', 'encq', $cx, Plugin\LCRun3::debug('[title]', 'v', $cx, $in, array('title'))).'</h1>
  130 + <ul class="category-list">
  131 +'.Plugin\LCRun3::debug('[branditems]', 'sec', $cx, Plugin\LCRun3::debug('[branditems]', 'v', $cx, $in, array('branditems')), $in, false, function($cx, $in) {return ' <li class="category-item thirdnavbar">
  132 + <a href="" hot='.Plugin\LCRun3::debug('[hot]', 'encq', $cx, Plugin\LCRun3::debug('[hot]', 'v', $cx, $in, array('hot'))).'>'.Plugin\LCRun3::debug('[brandname]', 'encq', $cx, Plugin\LCRun3::debug('[brandname]', 'v', $cx, $in, array('brandname'))).'</a>
  133 + </li>
  134 +';}).' </ul>
  135 + </div>
  136 +';}).' </div>
  137 + </div>
  138 + <div class="showdetail" data-code="220eec926e0d2c48b2f7e36fb9c42b83"><a href="http://list.yohobuy.com/?gender=1,3&amp;msort=8"><img src="http://img12.static.yhbimg.com/yhb-img01/2015/10/30/06/02af834d146e3f00b1f5fcc8388f641922.jpg?imageView/1/w/337/h/250" alt="" style=""></a><a class="title" href="http://list.yohobuy.com/?gender=1,3&amp;msort=8">热门小物优选</a></div>
  139 + </div>
  140 + </div>
  141 + </li>
  142 +';}).' </ul>
  143 + </div>
  144 + </li>
  145 +';}).' </ul>
  146 + <div class="icon-logo"></div>
  147 + <div class="header-tool float-right">
  148 + <div class="search float-left '.Plugin\LCRun3::debug('[searchcate]', 'encq', $cx, Plugin\LCRun3::debug('[searchcate]', 'v', $cx, $in, array('searchcate'))).'" >
  149 + <form action="http://search.yohobuy.com" method="get" id="searchForm">
  150 + <span class="searchspan">
  151 + <input class="searchinput" type="text" name="keyword" id="query_key" autocomplete="off" x-webkit-speech="" lang="zh-CN" x-webkit-grammar="builtin:translate" value="" onfocus="if(this.value==this.defaultValue){this.value=\'\';this.style.color=\'#333\'}" onblur="if(this.value==\'\'){this.value=this.defaultValue;this.style.color=\'#999\'}" maxlength="30"></span>
  152 + <a class="icon-search" href="javascript:submitSearch();"></a>
  153 + <ul class="search-list"></ul>
  154 + </form>
  155 + </div>
  156 + <div class="gobuy float-left '.Plugin\LCRun3::debug('[gobytype]', 'encq', $cx, Plugin\LCRun3::debug('[gobytype]', 'v', $cx, $in, array('gobytype'))).'" id="miniCartBox">
  157 +'.Plugin\LCRun3::debug('[gobuy]', 'sec', $cx, Plugin\LCRun3::debug('[gobuy]', 'v', $cx, $in, array('gobuy')), $in, false, function($cx, $in) {return ' <span class="ic-infomation">'.Plugin\LCRun3::debug('[gobuynum]', 'encq', $cx, Plugin\LCRun3::debug('[gobuynum]', 'v', $cx, $in, array('gobuynum'))).'</span>
  158 + <div class="gobuy-wrapper"></div>
  159 +';}).' </div>
  160 + </div>
  161 + </div>
  162 + </div>
  163 +</div>
  164 +<div id="goodcartempwarpper">
  165 + <script type="text/html" id="mini-cart-tpl">
  166 +<div class="gobuy-notempty">
  167 + <div class="goods-list-wrapper">
  168 + <ul class="goods-list">
  169 + %L~it.cartData.main_goods :v:index%R
  170 + <li class="goods-item">
  171 + <a href="%L=v.product_url%R">
  172 + <img src="%L=v.default_img%R" alt="" class="goods-img" />
  173 + </a>
  174 + <div class="goods-detail float-left">
  175 + <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
  176 + <h3 class="style">
  177 + 颜色:
  178 + <span class="color">%L=v.color_name%R</span>
  179 + 尺码:
  180 + <span class="size">%L=v.size_name%R</span>
  181 + </h3>
  182 + </div>
  183 + <div class="goods-price float-left">
  184 + <h3 class="priceandnum">
  185 + <span class="price">%L=v.show_price%R</span>
  186 + x
  187 + <span class="num">%L=v.buy_number%R</span>
  188 + </h3>
  189 + <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
  190 + </div>
  191 + </li>
  192 + %L~%R
  193 + %L~it.cartData.advance_goods :v:index%R
  194 + <li class="goods-item">
  195 + <a href="%L=v.product_url%R">
  196 + <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
  197 + <div class="goods-detail float-left">
  198 + <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
  199 + <h3 class="style">
  200 + 颜色:
  201 + <span class="color">%L=v.color_name%R</span>
  202 + 尺码:
  203 + <span class="size">%L=v.size_name%R</span>
  204 + </h3>
  205 + </div>
  206 + <div class="goods-price float-left">
  207 + <h3 class="priceandnum">
  208 +
  209 + <span class="price">%L=v.show_price%R</span>
  210 + x
  211 + <span class="num">%L=v.buy_number%R</span>
  212 + </h3>
  213 + <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
  214 + </div>
  215 + </li>
  216 + %L~%R
  217 + %L~it.cartData.outlet_goods :v:index%R
  218 + <li class="goods-item">
  219 + <a href="%L=v.product_url%R">
  220 + <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
  221 + <div class="goods-detail float-left">
  222 + <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
  223 + <h3 class="style">
  224 + 颜色:
  225 + <span class="color">%L=v.color_name%R</span>
  226 + 尺码:
  227 + <span class="size">%L=v.size_name%R</span>
  228 + </h3>
  229 + </div>
  230 + <div class="goods-price float-left">
  231 + <h3 class="priceandnum">
  232 +
  233 + <span class="price">%L=v.show_price%R</span>
  234 + x
  235 + <span class="num">%L=v.buy_number%R</span>
  236 + </h3>
  237 + <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
  238 + </div>
  239 + </li>
  240 + %L~%R
  241 + %L~it.cartData.gift_goods :v:index%R
  242 + <li class="goods-item">
  243 + <a href="%L=v.product_url%R">
  244 + <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
  245 + <div class="goods-detail float-left">
  246 + <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
  247 + <h3 class="style">
  248 + 颜色:
  249 + <span class="color">%L=v.color_name%R</span>
  250 + 尺码:
  251 + <span class="size">%L=v.size_name%R</span>
  252 + </h3>
  253 + </div>
  254 + <div class="goods-price float-left">
  255 + <h3 class="priceandnum">
  256 +
  257 + <span class="price">%L=v.show_price%R</span>
  258 + x
  259 + <span class="num">%L=v.buy_number%R</span>
  260 + </h3>
  261 + <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
  262 + </div>
  263 + </li>
  264 + %L~%R
  265 + %L~it.cartData.need_pay_gifts :v:index%R
  266 + <li class="goods-item">
  267 + <a href="%L=v.product_url%R">
  268 + <img src="%L=v.default_img%R" alt="" class="goods-img"></a>
  269 + <div class="goods-detail float-left">
  270 + <h3 class="content"><a href="%L=v.product_url%R">%L=v.product_name%R</a></h3>
  271 + <h3 class="style">
  272 + 颜色:
  273 + <span class="color">%L=v.color_name%R</span>
  274 + 尺码:
  275 + <span class="size">%L=v.size_name%R</span>
  276 + </h3>
  277 + </div>
  278 + <div class="goods-price float-left">
  279 + <h3 class="priceandnum">
  280 +
  281 + <span class="price">%L=v.show_price%R</span>
  282 + x
  283 + <span class="num">%L=v.buy_number%R</span>
  284 + </h3>
  285 + <a href="javascript:void(0)" class="delete" onclick="delCartGoods(%L=v.goods_incart_id%R,%L=v.is_cheapest_free%R);">删除</a>
  286 + </div>
  287 + </li>
  288 + %L~%R
  289 + </ul>
  290 +
  291 + <ul class="activity-list">
  292 + %L? it.cartData.has_promotion == 1%R
  293 + <li class="activity-item">
  294 + <span class="activity-name">活动</span>
  295 + <h3 class="activity-content">
  296 + %L? it.cartData.fit_outlet_promotion %R购outlet商品,满¥1999再享9折%L?%R
  297 + %L? it.cartData.has_other_promotion == 1 %R<span class="mycart_i_down" title="更多" onclick="dispDom(this, \'mycartmore\');"></span>%L?%R
  298 + %L? it.cartData.has_first_promotion == 1 %R%L=it.cartData.first_promotions.promotion_title%R%L?%R
  299 + </h3>
  300 + </li>
  301 + %L?%R
  302 + %L? it.cartData.fit_free_shipping == 1%R
  303 + <li class="activity-item">
  304 + <span class="activity-name">免运费</span>
  305 + <h3 class="activity-content">全场满 ¥499免运费</h3>
  306 + </li>
  307 + %L?%R
  308 + </ul>
  309 + </div>
  310 +
  311 + <div class="gobuy-notempty-footer">
  312 + <h3>
  313 + <a href="<?php print QConfigs_Site_Config::$site_url;?>/shopping/cart">去购物车结算</a>
  314 + </h3>
  315 + </div>
  316 +</div>
  317 +</script>
  318 + <script type="text/html" id="tmpl-my-login-new">
  319 +<div class="myyoho-info-header clearfix">
  320 + %L? it.head_ico %R
  321 + <div class="myyoho-photo" style="display:none;"><img src="" alt="" data-url ="%L=it.head_ico%R"></div>
  322 + %L?%R
  323 + <h3 class="user-email"><a href="<?php print QConfigs_Site_Config::$site_url?>/home?t=%L=it.random%R">%L=it.profile_name%R</a></h3>
  324 + <h3 class="user-level">
  325 + VIP:
  326 + <span class="leveldetail">%L=it.vip.curVipInfo.title%R</span>
  327 + </h3>
  328 + %L? it.vip.curVipInfo.curLevel < 3%R
  329 + <div class="levelinfo">
  330 + <div class="levelwrapper float-left">
  331 + <div class="levelspan">
  332 + <span class="has">%L=it.vip.curYearCost%R</span>
  333 + /
  334 + <span class="total">%L=it.vip.nextVipInfo.needCost%R</span>
  335 + </div>
  336 + <p class="%L? it.vip.curYearCostPer !=0%Rintegrate%L?%R" style="width: %L=it.vip.curYearCostPer%R%;"></p>
  337 + </div>
  338 + <span class="cardcate float-left">%L=it.vip.nextVipInfo.title%R</span>
  339 + </div>
  340 + %L?%R
  341 +</div>
  342 +<ul class="myyoho-info-content">
  343 + <li class="item">
  344 + <span class="itemdetail float-left">
  345 + <a href="<?php print QConfigs_Site_Config::$site_url?>/home/orders?t=<?php print microtime(true);?>">待处理的订单</a>
  346 + </span>
  347 + <span class="itemnum float-right">%L=it.orderCount%R</span>
  348 + </li>
  349 + <li class="item">
  350 + <span class="itemdetail float-left">
  351 + <a href="<?php print QConfigs_Site_Config::$site_url?>/home/favorite?t=<?php print microtime(true);?>">我的收藏</a>
  352 + </span>
  353 + <span class="itemnum float-right"></span>
  354 + </li>
  355 + <li class="item">
  356 + <span class="itemdetail float-left">
  357 + <a href="<?php print QConfigs_Site_Config::$site_url?>/home/coupons?t=<?php print microtime(true);?>">我的优惠券</a>
  358 + </span>
  359 + <span class="itemnum float-right">%L=it.couponCount%R</span>
  360 + </li>
  361 + <li class="item">
  362 + <span class="itemdetail float-left">
  363 + <a href="<?php print QConfigs_Site_Config::$site_url?>/home/currency?t=<?php print microtime(true);?>">我的YOHO币</a>
  364 + </span>
  365 + <span class="itemnum float-right">%L=it.YohocoinCount%R</span>
  366 + </li>
  367 + <li class="item">
  368 + <span class="itemdetail float-left">
  369 + <a href="<?php print QConfigs_Site_Config::$site_url?>/home/returns?t=<?php print microtime(true);?>">我的退货换货</a>
  370 + </span>
  371 + <span class="itemnum float-right">%L=it.refundCount%R</span>
  372 + </li>
  373 +</ul>
  374 +<div class="myyoho-info-footer">
  375 + <a href="<?php print QConfigs_Site_Config::$site_url?>/home/user?t=<?php print microtime(true);?>">完善资料</a>
  376 +</div>
  377 +</script>
  378 + <script type="text/html" id="tmpl-nologin">
  379 +<span>Hi~</span>[<a href="<?php print QConfigs_Site_Config::$site_url;?>/signin.html" class="list-a login-out">请登录</a>]&nbsp;[<a href="<?php print QConfigs_Site_Config::$site_url;?>/reg.html" class="list-a login-out" onclick="getSource(\'会员部_注册统计\',\'免费注册\',\'homepage_man\');">免费注册</a>]
  380 +</script>
  381 + <script type="text/html" id="tmpl-login">
  382 +<span>Hi~<a href="<?php print QConfigs_Site_Config::$site_url;?>/home?t=<?php print microtime(true);?>">%L=it.user_name%R</a></span>&nbsp;%L? it.is_login == 1%R[<a href="%L=it.logout%R" class="list-a login-out">退出</a>]%L??%R[<a href="<?php print QConfigs_Site_Config::$site_url;?>/signin.html" class="list-a login-out">请登录</a>]&nbsp;[<a href="<?php print QConfigs_Site_Config::$site_url;?>/reg.html" onclick="getSource(\'会员部_注册统计\',\'免费注册\',\'homepage_man\');" class="list-a login-out">免费注册</a>]%L?%R
  383 +</script>
  384 + <script type="text/html" id="tmpl-my-noLogin">
  385 +<div class="account-login">
  386 + <div><a href="<?php print QConfigs_Site_Config::$site_url?>/signin.html" class="button">立即登录</a></div>
  387 + <div><span>新用户?</span><a href="<?php print QConfigs_Site_Config::$site_url?>/reg.html" onclick="getSource(\'会员部_注册统计\',\'免费注册\',\'homepage_man\');">[免费注册]</a></div>
  388 +</div>
  389 +<ul class="home-layer">
  390 + <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/orders?t=<?php print microtime(true);?>" class="left">我的订单</a></li>
  391 + <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/favorite?t=<?php print microtime(true);?>" class="left">我的收藏</a></li>
  392 + <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/coupons?t=<?php print microtime(true);?>" class="left">我的优惠券</a></li>
  393 + <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/currency?t=<?php print microtime(true);?>" class="left">我的YOHO币</a></li>
  394 + <li class="clear"><a href="<?php print QConfigs_Site_Config::$site_url?>/home/returns?t=<?php print microtime(true);?>" class="left">我的退换货</a></li>
  395 +</ul>
  396 +</script>
  397 + <script type="text/html" id="tmpl-message">
  398 +<ul>%L~ it :v:index%R<li><a href="<?php print QConfigs_Site_Config::$site_url;?>/home/message/content?id=%L=v.id%R">%L=v.title%R</a></li>%L~%R</ul>
  399 +</script>
  400 +</div>
  401 +';}).''.''.'<div class="home-page yoho-page">
  402 +'.Plugin\LCRun3::debug('[boy]', 'sec', $cx, Plugin\LCRun3::debug('[boy]', 'v', $cx, $in, array('boy')), $in, false, function($cx, $in) {return ' <div class="slide-container">
  403 +'.Plugin\LCRun3::debug('if [bigSlide]', 'ifv', $cx, Plugin\LCRun3::debug('[bigSlide]', 'v', $cx, $in, array('bigSlide')), $in, function($cx, $in) {return ' <div class="big-slide">
  404 + <ul>
  405 +'.Plugin\LCRun3::debug('[bigSlide]', 'sec', $cx, Plugin\LCRun3::debug('[bigSlide]', 'v', $cx, $in, array('bigSlide')), $in, false, function($cx, $in) {return ' <li>
  406 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">
  407 + <img src="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'" alt="">
  408 + </a>
  409 + </li>
  410 +';}).' </ul>
  411 + <div class="slide-switch">
  412 + <a class="prev" href="javascript:;">
  413 + <span class="iconfont">&#xe60c;</span>
  414 + </a>
  415 + <a class="next" href="javascript:;">
  416 + <span class="iconfont">&#xe60b;</span>
  417 + </a>
  418 + </div>
  419 + </div>
  420 +';}).'
  421 +'.Plugin\LCRun3::debug('if [smallSlide]', 'ifv', $cx, Plugin\LCRun3::debug('[smallSlide]', 'v', $cx, $in, array('smallSlide')), $in, function($cx, $in) {return ' <div class="small-slide">
  422 + <ul class="clearfix">
  423 +'.Plugin\LCRun3::debug('[smallSlide]', 'sec', $cx, Plugin\LCRun3::debug('[smallSlide]', 'v', $cx, $in, array('smallSlide')), $in, false, function($cx, $in) {return ' <li>
  424 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'"></a>
  425 + <img src="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'" alt="">
  426 + </li>
  427 +';}).' </ul>
  428 + </div>
  429 +';}).' </div>
  430 +'.Plugin\LCRun3::debug('[newReport]', 'sec', $cx, Plugin\LCRun3::debug('[newReport]', 'v', $cx, $in, array('newReport')), $in, false, function($cx, $in) {return ' <div class="new-report clearfix">
  431 +'.' <div class="floor-header clearfix">
  432 + <h2 class="floor-title">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</h2>
  433 +'.Plugin\LCRun3::debug('if [navs]', 'ifv', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, function($cx, $in) {return ' <ul class="header-navs">
  434 +'.Plugin\LCRun3::debug('[navs]', 'sec', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, false, function($cx, $in) {return ' <li data-classify="'.Plugin\LCRun3::debug('[id]', 'encq', $cx, Plugin\LCRun3::debug('[id]', 'v', $cx, $in, array('id'))).'">
  435 + <a target="_blank" href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</a>
  436 + </li>
  437 +';}).' </ul>
  438 +';}).' </div>'.'
  439 + <ul class="report-list clearfix">
  440 +'.Plugin\LCRun3::debug('[list]', 'sec', $cx, Plugin\LCRun3::debug('[list]', 'v', $cx, $in, array('list')), $in, false, function($cx, $in) {return ''.Plugin\LCRun3::debug('unless @[last]', 'unl', $cx, Plugin\LCRun3::debug('@[last]', 'v', $cx, $cx['sp_vars'], array('last')), $in, function($cx, $in) {return ' <li>
  441 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">
  442 + <img src="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'" alt="">
  443 + </a>
  444 + </li>
  445 +';}).'';}).' </ul>
  446 +
  447 +'.Plugin\LCRun3::debug('[list]', 'sec', $cx, Plugin\LCRun3::debug('[list]', 'v', $cx, $in, array('list')), $in, false, function($cx, $in) {return ''.Plugin\LCRun3::debug('if @[last]', 'ifv', $cx, Plugin\LCRun3::debug('@[last]', 'v', $cx, $cx['sp_vars'], array('last')), $in, function($cx, $in) {return ' <div class="last-item">
  448 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">
  449 + <img src="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'" alt="">
  450 + </a>
  451 + </div>
  452 +';}).'';}).' </div>
  453 +';}).''.Plugin\LCRun3::debug('[preferenceBrand]', 'sec', $cx, Plugin\LCRun3::debug('[preferenceBrand]', 'v', $cx, $in, array('preferenceBrand')), $in, false, function($cx, $in) {return ' <div class="preference-brand">
  454 +'.' <div class="floor-header clearfix">
  455 + <h2 class="floor-title">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</h2>
  456 +'.Plugin\LCRun3::debug('if [navs]', 'ifv', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, function($cx, $in) {return ' <ul class="header-navs">
  457 +'.Plugin\LCRun3::debug('[navs]', 'sec', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, false, function($cx, $in) {return ' <li data-classify="'.Plugin\LCRun3::debug('[id]', 'encq', $cx, Plugin\LCRun3::debug('[id]', 'v', $cx, $in, array('id'))).'">
  458 + <a target="_blank" href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</a>
  459 + </li>
  460 +';}).' </ul>
  461 +';}).' </div>'.' <div class="img-brand">
  462 + <ul class="img-list clearfix">
  463 +'.Plugin\LCRun3::debug('[imgBrand]', 'sec', $cx, Plugin\LCRun3::debug('[imgBrand]', 'v', $cx, $in, array('imgBrand')), $in, false, function($cx, $in) {return ' <li class="img-item">
  464 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">
  465 + <img src="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'" alt="">
  466 + </a>
  467 + </li>
  468 +';}).' </ul>
  469 + <div class="img-brand-switch">
  470 + <a class="prev" href="javascript:;">
  471 + <span class="iconfont">&#xe60c;</span>
  472 + </a>
  473 + <a class="next" href="javascript:;">
  474 + <span class="iconfont">&#xe60b;</span>
  475 + </a>
  476 + </div>
  477 + </div>
  478 + <div class="logo-brand">
  479 + <ul class="clearfix">
  480 +'.Plugin\LCRun3::debug('[logoBrand]', 'sec', $cx, Plugin\LCRun3::debug('[logoBrand]', 'v', $cx, $in, array('logoBrand')), $in, false, function($cx, $in) {return ''.Plugin\LCRun3::debug('if [switch]', 'ifv', $cx, Plugin\LCRun3::debug('[switch]', 'v', $cx, $in, array('switch')), $in, function($cx, $in) {return ' <li class="logo-brand-switch">
  481 + <a class="prev iconfont" href="javascript:;">&#xe60f;</a>
  482 + <a class="next iconfont" href="javascript:;">&#xe60e;</a>
  483 + </li>
  484 +';}, function($cx, $in) {return ''.Plugin\LCRun3::debug('if [more]', 'ifv', $cx, Plugin\LCRun3::debug('[more]', 'v', $cx, $in, array('more')), $in, function($cx, $in) {return ' <li class="brand-more">
  485 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">MORE ></a>
  486 + </li>
  487 +';}, function($cx, $in) {return ' <li>
  488 + <a href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">
  489 + <img src="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'" alt="">
  490 + </a>
  491 + </li>
  492 +';}).'';}).'';}).' </ul>
  493 + </div>
  494 + </div>
  495 +';}).'
  496 +'.Plugin\LCRun3::debug('each [recommend]', 'sec', $cx, Plugin\LCRun3::debug('[recommend]', 'v', $cx, $in, array('recommend')), $in, true, function($cx, $in) {return ''.''.Plugin\LCRun3::debug('[tplrecommend]', 'sec', $cx, Plugin\LCRun3::debug('[tplrecommend]', 'v', $cx, $in, array('tplrecommend')), $in, false, function($cx, $in) {return ''.' <div class="floor-header clearfix">
  497 + <h2 class="floor-title">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</h2>
  498 +'.Plugin\LCRun3::debug('if [navs]', 'ifv', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, function($cx, $in) {return ' <ul class="header-navs">
  499 +'.Plugin\LCRun3::debug('[navs]', 'sec', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, false, function($cx, $in) {return ' <li data-classify="'.Plugin\LCRun3::debug('[id]', 'encq', $cx, Plugin\LCRun3::debug('[id]', 'v', $cx, $in, array('id'))).'">
  500 + <a target="_blank" href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</a>
  501 + </li>
  502 +';}).' </ul>
  503 +';}).' </div>'.' <div class="tpl-recommend clearfix">
  504 + <div class="tpl-body clearfix">
  505 + <div class="tpl-nav">
  506 + <div class="tpl-keywords">
  507 +'.Plugin\LCRun3::debug('each [keyword]', 'sec', $cx, Plugin\LCRun3::debug('[keyword]', 'v', $cx, $in, array('keyword')), $in, true, function($cx, $in) {return ' <a class="keywords'.Plugin\LCRun3::debug('@[index]', 'encq', $cx, Plugin\LCRun3::debug('@[index]', 'v', $cx, $cx['sp_vars'], array('index'))).'" title="'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'" href="'.Plugin\LCRun3::debug('[url]', 'encq', $cx, Plugin\LCRun3::debug('[url]', 'v', $cx, $in, array('url'))).'"><img class="lazy" data-original="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'"/></a>
  508 +';}).' </div>
  509 + <div class="tpl-category clearfix">
  510 +'.Plugin\LCRun3::debug('each [category]', 'sec', $cx, Plugin\LCRun3::debug('[category]', 'v', $cx, $in, array('category')), $in, true, function($cx, $in) {return ' <a href="'.Plugin\LCRun3::debug('[url]', 'encq', $cx, Plugin\LCRun3::debug('[url]', 'v', $cx, $in, array('url'))).'">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</a>
  511 +';}).' </div>
  512 + </div>
  513 + <div class="tpl-brands clearfix">
  514 + <ul>
  515 +'.Plugin\LCRun3::debug('each [brands]', 'sec', $cx, Plugin\LCRun3::debug('[brands]', 'v', $cx, $in, array('brands')), $in, true, function($cx, $in) {return ' <li><a title="'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'" href="'.Plugin\LCRun3::debug('[url]', 'encq', $cx, Plugin\LCRun3::debug('[url]', 'v', $cx, $in, array('url'))).'"><img class="lazy" data-original="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'"/></a></li>
  516 +';}).' </ul>
  517 + </div>
  518 + <div class="tpl-types clearfix">
  519 + <ul>
  520 +'.Plugin\LCRun3::debug('each [types]', 'sec', $cx, Plugin\LCRun3::debug('[types]', 'v', $cx, $in, array('types')), $in, true, function($cx, $in) {return ' <li><a title="'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'" href="'.Plugin\LCRun3::debug('[url]', 'encq', $cx, Plugin\LCRun3::debug('[url]', 'v', $cx, $in, array('url'))).'"><img class="lazy" data-original="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'"/></a></li>
  521 +';}).' </ul>
  522 + </div>
  523 + </div>
  524 + <div class="tpl-products clearfix">
  525 + <ul>
  526 +'.Plugin\LCRun3::debug('each [products]', 'sec', $cx, Plugin\LCRun3::debug('[products]', 'v', $cx, $in, array('products')), $in, true, function($cx, $in) {return ' <li><a href="'.Plugin\LCRun3::debug('[url]', 'encq', $cx, Plugin\LCRun3::debug('[url]', 'v', $cx, $in, array('url'))).'" title="'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'"><img class="lazy" data-original="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'"/></a></li>
  527 +';}).' </ul>
  528 + </div>
  529 + </div>
  530 +';}).'
  531 +
  532 +'.'';}).'
  533 +'.Plugin\LCRun3::debug('[newArrivls]', 'sec', $cx, Plugin\LCRun3::debug('[newArrivls]', 'v', $cx, $in, array('newArrivls')), $in, false, function($cx, $in) {return ''.''.' <div class="floor-header clearfix">
  534 + <h2 class="floor-title">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</h2>
  535 +'.Plugin\LCRun3::debug('if [navs]', 'ifv', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, function($cx, $in) {return ' <ul class="header-navs">
  536 +'.Plugin\LCRun3::debug('[navs]', 'sec', $cx, Plugin\LCRun3::debug('[navs]', 'v', $cx, $in, array('navs')), $in, false, function($cx, $in) {return ' <li data-classify="'.Plugin\LCRun3::debug('[id]', 'encq', $cx, Plugin\LCRun3::debug('[id]', 'v', $cx, $in, array('id'))).'">
  537 + <a target="_blank" href="'.Plugin\LCRun3::debug('[href]', 'encq', $cx, Plugin\LCRun3::debug('[href]', 'v', $cx, $in, array('href'))).'">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</a>
  538 + </li>
  539 +';}).' </ul>
  540 +';}).' </div>'.' <div class="commodity">
  541 +
  542 + <ul class="clearfix">
  543 +'.Plugin\LCRun3::debug('each [commodity]', 'sec', $cx, Plugin\LCRun3::debug('[commodity]', 'v', $cx, $in, array('commodity')), $in, true, function($cx, $in) {return ' <li>
  544 +'.Plugin\LCRun3::debug('[state]', 'sec', $cx, Plugin\LCRun3::debug('[state]', 'v', $cx, $in, array('state')), $in, false, function($cx, $in) {return ' <i class="commodity-tag'.Plugin\LCRun3::debug('this', 'encq', $cx, $in).'"></i>
  545 +';}).' <a href="'.Plugin\LCRun3::debug('[url]', 'encq', $cx, Plugin\LCRun3::debug('[url]', 'v', $cx, $in, array('url'))).'"><div class="commodity-img"><img class="lazy" data-original="'.Plugin\LCRun3::debug('[img]', 'encq', $cx, Plugin\LCRun3::debug('[img]', 'v', $cx, $in, array('img'))).'"/></div>
  546 + <p class="commodity-name">'.Plugin\LCRun3::debug('[name]', 'encq', $cx, Plugin\LCRun3::debug('[name]', 'v', $cx, $in, array('name'))).'</p>
  547 + <p class="commodity-price"><span>¥'.Plugin\LCRun3::debug('[price]', 'encq', $cx, Plugin\LCRun3::debug('[price]', 'v', $cx, $in, array('price'))).'</span></p>
  548 + </a>
  549 + </li>
  550 +';}).' </ul>
  551 + <div class="loading">
  552 + <p>Loading...</p>
  553 + </div>
  554 + </div>'.'';}).'';}).'
  555 +
  556 +</div>
  557 +'.''.' <div class="footer-page yoho-page">
  558 + <div class="footertop">
  559 + <div class="index-foot">
  560 + <dl class="clearfix screen">
  561 + <dd>
  562 + <div class="foot-panel">
  563 + <div class="title relative">
  564 + <div class="title-line"></div>
  565 + <div class="text">
  566 + <span>有货SERVICES</span>
  567 + </div>
  568 + </div>
  569 + <div id="foot-services">
  570 + <ul class="clearfix two-dim">
  571 + <li class="left">
  572 + <div class="">
  573 + <a href="javascript:void(0);">
  574 + <img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png" src="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png" style=""></a>
  575 + <p>YOHO!有货</p>
  576 + </div>
  577 + </li>
  578 + <li class="left">
  579 + <div class="">
  580 + <a href="javascript:void(0);">
  581 + <img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg" src="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg" style=""></a>
  582 + <p>微信</p>
  583 + </div>
  584 + </li>
  585 + <li class="left">
  586 + <div class="">
  587 + <a href="javascript:void(0);">
  588 + <img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png" src="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png" style="display: inline;"></a>
  589 + <p>微博</p>
  590 + </div>
  591 + </li>
  592 + </ul>
  593 + </div>
  594 + </div>
  595 + <p class="item-nav center" id="button-services">
  596 + <a href="javascript:void(0);" key="0">
  597 + <span class="ifont10 cur">O</span>
  598 + </a>
  599 + </p>
  600 + </dd>
  601 + <dd>
  602 + <div class="foot-panel" id="feedbackBoxList">
  603 + <div class="title relative">
  604 + <div class="title-line"></div>
  605 + <div class="text">
  606 + <span>意见反馈</span>
  607 + </div>
  608 + </div>
  609 + <ul class="clearfix vote">
  610 + <li style="display:block" key="0">
  611 + <form action="#" id="feedbackForm">
  612 + <input type="hidden" name="question_id" id="question_id" value="38">
  613 + <input type="hidden" name="feedback_id" id="feedback_id" value="5">
  614 + <div>您喜欢有货的新版吗?</div>
  615 + <div class="vote-item clearfix">
  616 + <p>
  617 + <input type="radio" name="solution" value="33">非常喜欢</p>
  618 + <p>
  619 + <input type="radio" name="solution" value="34">喜欢</p>
  620 + <p>
  621 + <input type="radio" name="solution" value="35">一般般</p>
  622 + <p>
  623 + <input type="radio" name="solution" value="36">不喜欢</p>
  624 + <p>
  625 + <input type="radio" name="solution" value="37">非常不喜欢</p>
  626 + </div>
  627 + <div>
  628 + <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
  629 + </div>
  630 + </form>
  631 + </li>
  632 + <li style="display:none" key="1">
  633 + <form action="#" id="feedbackForm">
  634 + <input type="hidden" name="question_id" id="question_id" value="39">
  635 + <input type="hidden" name="feedback_id" id="feedback_id" value="5">
  636 + <div>您可以方便的找到想查看的内容吗?</div>
  637 + <div class="vote-item clearfix">
  638 + <p>
  639 + <input type="radio" name="solution" value="38">非常方便</p>
  640 + <p>
  641 + <input type="radio" name="solution" value="39">方便</p>
  642 + <p>
  643 + <input type="radio" name="solution" value="40">一般般</p>
  644 + <p>
  645 + <input type="radio" name="solution" value="41">不方便</p>
  646 + <p>
  647 + <input type="radio" name="solution" value="42">非常不方便</p>
  648 + </div>
  649 + <div>
  650 + <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
  651 + </div>
  652 + </form>
  653 + </li>
  654 + <li style="display:none" key="2">
  655 + <form action="#" id="feedbackForm">
  656 + <input type="hidden" name="question_id" id="question_id" value="37">
  657 + <input type="hidden" name="feedback_id" id="feedback_id" value="5">
  658 + <div>您对新版还有哪些意见或建议?</div>
  659 + <textarea name="answer" id="feedback_answer"></textarea>
  660 + <div>
  661 + <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
  662 + </div>
  663 + </form>
  664 + </li>
  665 + </ul>
  666 + </div>
  667 + <p class="item-nav center" id="feedbackPage">
  668 + <a href="javascript:void(0);">
  669 + <span class="ifont10 cur">O</span>
  670 + </a>
  671 + <a href="javascript:void(0);">
  672 + <span class="ifont10 ">o</span>
  673 + </a>
  674 + <a href="javascript:void(0);">
  675 + <span class="ifont10 ">o</span>
  676 + </a>
  677 + </p>
  678 + </dd>
  679 + <dd class="last">
  680 + <div class="foot-panel">
  681 + <div class="title relative">
  682 + <div class="title-line"></div>
  683 + <div class="text">
  684 + <span>更多 YOHO!产品</span>
  685 + </div>
  686 + </div>
  687 + <div id="foot-mobile">
  688 + <ul class="clearfix mobile">
  689 + <li>
  690 + <a href="http://app.yohoshow.com/" target="_blank" titl="">
  691 + <img alt="" data-original="http://img13.static.yhbimg.com/adpic/2014/07/21/15/02d5e1cbc15ab59856f4a758fa860462ed.jpg" class="lazy" src="http://img13.static.yhbimg.com/adpic/2014/07/21/15/02d5e1cbc15ab59856f4a758fa860462ed.jpg" style=""></a>
  692 + </li>
  693 + <li>
  694 + <a href="http://www.yohoboys.com/" target="_blank" titl="">
  695 + <img alt="" data-original="http://img13.static.yhbimg.com/adpic/2014/07/21/15/0210a3490eae2aad6ef8bf3b8133a49ca9.jpg" class="lazy" src="http://img13.static.yhbimg.com/adpic/2014/07/21/15/0210a3490eae2aad6ef8bf3b8133a49ca9.jpg" style=""></a>
  696 + </li>
  697 + <li>
  698 + <a href="http://www.yohogirls.com/" target="_blank" titl="">
  699 + <img alt="" data-original="http://img11.static.yhbimg.com/adpic/2014/07/21/15/018be2a193424658b5201240ef8c7729e6.jpg" class="lazy" src="http://img11.static.yhbimg.com/adpic/2014/07/21/15/018be2a193424658b5201240ef8c7729e6.jpg" style=""></a>
  700 + </li>
  701 + </ul>
  702 + </div>
  703 + </div>
  704 + <p class="item-nav center" id="button-mobile">
  705 + <a href="javascript:void(0);">
  706 + <span class="ifont10 cur">O</span>
  707 + </a>
  708 + </p>
  709 + </dd>
  710 + </dl>
  711 + </div>
  712 + </div>
  713 + <div class="footerbottom">
  714 + <div class="promise">
  715 + <div class="screen clearfix">
  716 + <div class="left">
  717 + <span class="ifont rgbf">g</span>
  718 + <span class="red">100%</span>
  719 + <span class="rgbf">品牌授权正品</span>
  720 + </div>
  721 + <div class="left">
  722 + <span class="ifont rgbf">L</span>
  723 + <span class="red">7天</span>
  724 + <span class="rgbf">无理由退换货</span>
  725 + </div>
  726 + <div class="left">
  727 + <span class="ifont rgbf">p</span>
  728 + <span class="rgbf">客服电话:</span>
  729 + <span class="red">400-889-9646</span>
  730 + &nbsp;&nbsp;
  731 + <span class="rgb9">08:00-22:30(周一至周日)</span>
  732 + &nbsp;&nbsp;
  733 + <span>
  734 + <a href="http://chat80.live800.com/live800/chatClient/chatbox.jsp?companyID=493979&amp;configID=123576&amp;jid=9277320930" target="_blank" style="color:red">在线客服</a>
  735 + </span>
  736 + </div>
  737 + <div class="right subscribe footer-right">
  738 + <input class="rgb6 top" name="subscriberBox" id="subscriberBox" value="订阅我们的邮件">
  739 + <a href="javascript:void(0);" id="subscriberBtn" class="ifont rgbf">m</a>
  740 + <!--<input class="rgb6 top wrong" value="订阅我们的邮件" />
  741 + <a href="" class="ifont rgbf done">=</a>
  742 + -->
  743 + </div>
  744 + </div>
  745 + </div>
  746 + <div class="footer-help">
  747 + <div class="screen clearfix">
  748 + <div class="left">
  749 + <ul class="clearfix">
  750 + <li class="left">
  751 + <p>
  752 + <span>新手指南</span>
  753 + </p>
  754 + <p>
  755 + <a href="http://www.yohobuy.com/help/?category_id=81#help_b00reg" target="_blank">注册登录</a>
  756 + </p>
  757 + <p>
  758 + <a href="http://www.yohobuy.com/help/?category_id=83" target="_blank">选购商品</a>
  759 + </p>
  760 + <p>
  761 + <a href="http://www.yohobuy.com/help/?category_id=103" target="_blank">订单支付</a>
  762 + </p>
  763 + <p>
  764 + <a href="http://www.yohobuy.com/help/?category_id=85" target="_blank">收货退款</a>
  765 + </p>
  766 + </li>
  767 + <li class="left">
  768 + <p>
  769 + <span>会员中心</span>
  770 + </p>
  771 + <p>
  772 + <a href="http://www.yohobuy.com/help/?category_id=87" target="_blank">YOHO币</a>
  773 + </p>
  774 + <p>
  775 + <a href="http://www.yohobuy.com/help/?category_id=91" target="_blank">会员制度</a>
  776 + </p>
  777 + <p>
  778 + <a href="http://www.yohobuy.com/help/?category_id=89" target="_blank">账户管理</a>
  779 + </p>
  780 + <p>
  781 + <a href="http://www.yohobuy.com/help/?category_id=93" target="_blank">密码管理</a>
  782 + </p>
  783 + </li>
  784 + <li class="left">
  785 + <p>
  786 + <span>购物指南</span>
  787 + </p>
  788 + <p>
  789 + <a href="http://www.yohobuy.com/help/?category_id=95" target="_blank">全球购专区</a>
  790 + </p>
  791 + <p>
  792 + <a href="http://www.yohobuy.com/help/?category_id=97" target="_blank">尺码选择</a>
  793 + </p>
  794 + <p>
  795 + <a href="http://www.yohobuy.com/help/?category_id=99" target="_blank">发票</a>
  796 + </p>
  797 + <p>
  798 + <a href="http://www.yohobuy.com/help/?category_id=101" target="_blank">商品咨询</a>
  799 + </p>
  800 + </li>
  801 + <li class="left">
  802 + <p>
  803 + <span>支付方式</span>
  804 + </p>
  805 + <p>
  806 + <a href="http://www.yohobuy.com/help/?category_id=105" target="_blank">在线支付</a>
  807 + </p>
  808 + <p>
  809 + <a href="http://www.yohobuy.com/help/?category_id=107" target="_blank">货到付款</a>
  810 + </p>
  811 + <p>
  812 + <a href="http://www.yohobuy.com/help/?category_id=109" target="_blank">优惠券</a>
  813 + </p>
  814 + <p>
  815 + <a href="http://www.yohobuy.com/help/?category_id=111" target="_blank">YOHO币支付</a>
  816 + </p>
  817 + </li>
  818 + <li class="left">
  819 + <p>
  820 + <span>配送方式</span>
  821 + </p>
  822 + <p>
  823 + <a href="http://www.yohobuy.com/help/?category_id=113" target="_blank">配送时间</a>
  824 + </p>
  825 + <p>
  826 + <a href="http://www.yohobuy.com/help/?category_id=115" target="_blank">配送范围</a>
  827 + </p>
  828 + <p>
  829 + <a href="http://www.yohobuy.com/help/?category_id=119" target="_blank">顺丰速运</a>
  830 + </p>
  831 + <p>
  832 + <a href="http://www.yohobuy.com/help/?category_id=117" target="_blank">商品验收与签收</a>
  833 + </p>
  834 + </li>
  835 + <li class="left">
  836 + <p>
  837 + <span>售后服务</span>
  838 + </p>
  839 + <p>
  840 + <a href="http://www.yohobuy.com/help/?category_id=121" target="_blank">退换货政策</a>
  841 + </p>
  842 + <p>
  843 + <a href="http://www.yohobuy.com/help/?category_id=123" target="_blank">退换货流程</a>
  844 + </p>
  845 + <p>
  846 + <a href="http://www.yohobuy.com/help/?category_id=125" target="_blank">退款方式与时效</a>
  847 + </p>
  848 + <p>
  849 + <a href="http://www.yohobuy.com/help/?category_id=127" target="_blank">投诉与建议</a>
  850 + </p>
  851 + </li>
  852 + <li class="left">
  853 + <p>
  854 + <span>APP常见问题</span>
  855 + </p>
  856 + <p>
  857 + <a href="http://www.yohobuy.com/help/?category_id=133" target="_blank">IPhone版</a>
  858 + </p>
  859 + <p>
  860 + <a href="http://www.yohobuy.com/help/?category_id=135" target="_blank">Android版</a>
  861 + </p>
  862 + <p>
  863 + <a href="http://www.yohobuy.com/help/?category_id=137" target="_blank">wap版</a>
  864 + </p>
  865 + <p>
  866 + <a href="http://www.yohobuy.com/help/?category_id=139" target="_blank">IPAD版</a>
  867 + </p>
  868 + </li>
  869 + </ul>
  870 + </div>
  871 + </div>
  872 + </div>
  873 + <div class="footer-link">
  874 + <div class="screen clearfix">
  875 + <div class="left right-flag">
  876 + <a href="https://ss.knet.cn/verifyseal.dll?sn=e14021832010046477dka7000000&amp;ct=df&amp;a=1&amp;pa=0.5902942178957805" target="_blank" rel="nofollow">
  877 + <img src="http://static.yohobuy.com/images/v3/icon/credit-flag3.png"></a>
  878 + <a href="http://www.isc.org.cn/" target="_blank" rel="nofollow">
  879 + <img src="http://static.yohobuy.com/images/v3/icon/isc2.png"></a>
  880 + </div>
  881 + <div class="left about-us">
  882 + <p>
  883 + <a href="http://www.yohobuy.com">返回首页</a>
  884 + <span>|</span>
  885 + <a href="http://www.yohobuy.com">YOHO!有货</a>
  886 + <span>|</span>
  887 + <a href="http://www.yohobuy.com/newpower.html">新力传媒</a>
  888 + <span>|</span>
  889 + <a href="http://www.yohobuy.com/contact.html">联系我们</a>
  890 + <span>|</span>
  891 + <a href="http://shop.yohobuy.com/settled">商家入驻</a>
  892 + <span>|</span>
  893 + <a href="http://www.yohobuy.com/privacy.html">隐私条款</a>
  894 + <span>|</span>
  895 + <a href="http://www.yohobuy.com/link.html">友情链接</a>
  896 + </p>
  897 + <p>
  898 + CopyRight © 2007-2016 南京新与力文化传播有限公司
  899 + <a href="http://www.miibeian.gov.cn/" target="_blank" style="color:#666">苏ICP备09011225号</a>
  900 + NewPower Co. 版权所有 经营许可证编号:苏B2-20120395
  901 + </p>
  902 + </div>
  903 +
  904 + </div>
  905 + </div>
  906 + </div>
  907 + </div>'.' <script src="http://localhost:8000/static/js/sea.js?nowrap"></script>
  908 + <script>
  909 + seajs.config({
  910 + base: \'http://localhost:8000/\'
  911 + });
  912 + </script>
  913 +'.' <script>
  914 + seajs.use(\'js/common\');
  915 + seajs.use(\'js/header\');
  916 + </script>
  917 +
  918 +'.Plugin\LCRun3::debug('if [boysHomePage]', 'ifv', $cx, Plugin\LCRun3::debug('[boysHomePage]', 'v', $cx, $in, array('boysHomePage')), $in, function($cx, $in) {return ' <script>
  919 + /*seajs.use(\'js/home/entrey\', function(h) {
  920 + h.set(\'boys\');
  921 + });*/
  922 + seajs.use(\'js/home/home\');
  923 + </script>
  924 +';}).'
  925 +'.Plugin\LCRun3::debug('if [searchListPage]', 'ifv', $cx, Plugin\LCRun3::debug('[searchListPage]', 'v', $cx, $in, array('searchListPage')), $in, function($cx, $in) {return ' <script>
  926 + seajs.use(\'js/product/list\');
  927 + </script>
  928 + ';}).''.' </body>
  929 +</html>'.'';
  930 +}
  931 +?>
1 -# WEB数据结构定义  
  1 +# WEB数据结构定义
  2 +
  3 +## 公共定义
  4 +
  5 +### 商品
  6 +
  7 +
  8 +## 搜索页
  9 +
  10 + {
  11 + products: {
  12 + //筛选相关
  13 + filters: {
  14 + checkedConditions: {
  15 + clearUrl: '', //清空筛选链接
  16 + conditions: [
  17 + //正常情况下文字显示
  18 + {
  19 + href: '',
  20 + name: '暗黑'
  21 + },
  22 + //特殊情况下颜色显示
  23 + {
  24 + href: '',
  25 + 'color': '#f00'
  26 + },
  27 + ...
  28 + ]
  29 + },
  30 + //-- 筛选项数据Start(需要显示就传,不显示不传) --
  31 + channel: [
  32 + {
  33 + href: '',
  34 + name: 'Boys'
  35 + },
  36 + ...
  37 + ],
  38 + sort: [
  39 + {
  40 + name: '上衣',
  41 + sub: [
  42 + {
  43 + href: '',
  44 + name: 'T恤'
  45 + },
  46 + ...
  47 + ]
  48 + },
  49 + ...
  50 + ],
  51 + brand: {
  52 + default: [
  53 + {
  54 + href: '',
  55 + name: ''
  56 + },
  57 + ...
  58 + ],
  59 + //索引:index为索引键值(字母转化为小写)
  60 + brandIndex: [
  61 + {
  62 + index: 'all',
  63 + name: '全部'
  64 + },
  65 + {
  66 + index: '0-9',
  67 + name: '0 ~ 9'
  68 + },
  69 + {
  70 + index: 'a',
  71 + name: 'A'
  72 + },
  73 + ...
  74 + ],
  75 + brandShow: [
  76 + {
  77 + id: 1,
  78 + href: '',
  79 + index:'0-9', //与brandIndex中索引一致
  80 + name: '5cm',
  81 + key: '5cm' //key为品牌关键字,用于搜索和索引,保持小写
  82 + },
  83 + {
  84 + id: 2,
  85 + href: '',
  86 + index: 'k',
  87 + name: 'KTZ',
  88 + key: 'ktz'
  89 + },
  90 + ...
  91 + ],
  92 + price: [
  93 + {
  94 + href: '',
  95 + name: '0-239'
  96 + },
  97 + ...
  98 + ],
  99 + color: [
  100 + {
  101 + href: '',
  102 + name: '黑色',
  103 + rgb: '#000' //此处若为彩色和银色,需要传图片路径字符串:url('path/to/img')
  104 + },
  105 + ...
  106 + ],
  107 + size: [
  108 + {
  109 + href: '',
  110 + name: ''
  111 + },
  112 + ...
  113 + ],
  114 + seniorChose: [
  115 + {
  116 + attr: 'style', //查找的键值
  117 + name: '风格',
  118 + showMulti: true, //是否显示多选按钮
  119 + sub: [
  120 + {
  121 + id: '',
  122 + href: '',
  123 + name: ''
  124 + },
  125 + ...
  126 + ]
  127 + },
  128 + ...
  129 + ]
  130 + }
  131 + },
  132 + //操作Banner相关
  133 + opts: {
  134 + sortType: [
  135 + {
  136 + href: '',
  137 + name: '默认'
  138 + },
  139 + {
  140 + active: true, //当前选中
  141 + href: '',
  142 + name: '最新',
  143 + hasSortOrient: true, //是否有正逆序
  144 + desc: true //逆序排序(默认不传为正序)
  145 + },
  146 + {
  147 + href: '',
  148 + name: '价格',
  149 + hasSortOrient: true
  150 + },
  151 + {
  152 + href: '',
  153 + name: '折扣',
  154 + hasSortOrient: true
  155 + }
  156 + ],
  157 + checks: [
  158 + {
  159 + name: '新品',
  160 + checked: true,
  161 + href: ''
  162 + },
  163 + {
  164 + name: '打折',
  165 + href: ''
  166 + },
  167 + {
  168 + name: '限量',
  169 + href: ''
  170 + }
  171 + ],
  172 + fivePerLine: true,
  173 + sixPerLineHref: '',
  174 + //or
  175 + sixPerLine: true,
  176 + fivePerLineHref: '',
  177 +
  178 + countPerPage => 120,
  179 + pageCounts => [
  180 + {
  181 + href: '',
  182 + count: 60
  183 + },
  184 + ...
  185 + ],
  186 +
  187 +
  188 + curPage: 1,
  189 + pageCount: 30,
  190 + preHref: '', //若当前为第一页,不传此参数
  191 + nexHref: '' //若当前为最后一页,不传此参数
  192 + },
  193 + //商品列表
  194 + }
  195 + }
1 {{> layout/header}} 1 {{> layout/header}}
2 <div class="home-page yoho-page"> 2 <div class="home-page yoho-page">
3 - I am boys page 3 +{{# boy}}
  4 + <div class="slide-container">
  5 + {{#if bigSlide}}
  6 + <div class="big-slide">
  7 + <ul>
  8 + {{# bigSlide}}
  9 + <li>
  10 + <a href="{{href}}">
  11 + <img src="{{img}}" alt="">
  12 + </a>
  13 + </li>
  14 + {{/ bigSlide}}
  15 + </ul>
  16 + <div class="slide-switch">
  17 + <a class="prev" href="javascript:;">
  18 + <span class="iconfont">&#xe60c;</span>
  19 + </a>
  20 + <a class="next" href="javascript:;">
  21 + <span class="iconfont">&#xe60b;</span>
  22 + </a>
  23 + </div>
  24 + </div>
  25 + {{/if}}
  26 +
  27 + {{#if smallSlide}}
  28 + <div class="small-slide">
  29 + <ul class="clearfix">
  30 + {{# smallSlide}}
  31 + <li>
  32 + <a href="{{href}}"></a>
  33 + <img src="{{img}}" alt="">
  34 + </li>
  35 + {{/ smallSlide}}
  36 + </ul>
  37 + </div>
  38 + {{/if}}
  39 + </div>
  40 + {{# newReport}}
  41 + <div class="new-report clearfix">
  42 + {{> index/floor_header}}
  43 +
  44 + <ul class="report-list clearfix">
  45 + {{# list}}
  46 + {{#unless @last}}
  47 + <li>
  48 + <a href="{{href}}">
  49 + <img src="{{img}}" alt="">
  50 + </a>
  51 + </li>
  52 + {{/unless}}
  53 + {{/ list}}
  54 + </ul>
  55 +
  56 + {{# list}}
  57 + {{#if @last}}
  58 + <div class="last-item">
  59 + <a href="{{href}}">
  60 + <img src="{{img}}" alt="">
  61 + </a>
  62 + </div>
  63 + {{/if}}
  64 + {{/ list}}
  65 + </div>
  66 + {{/ newReport}}
  67 + {{# preferenceBrand}}
  68 + <div class="preference-brand">
  69 + {{> index/floor_header}}
  70 + <div class="img-brand">
  71 + <ul class="img-list clearfix">
  72 + {{# imgBrand}}
  73 + <li class="img-item">
  74 + <a href="{{href}}">
  75 + <img src="{{img}}" alt="">
  76 + </a>
  77 + </li>
  78 + {{/ imgBrand}}
  79 + </ul>
  80 + <div class="img-brand-switch">
  81 + <a class="prev" href="javascript:;">
  82 + <span class="iconfont">&#xe60c;</span>
  83 + </a>
  84 + <a class="next" href="javascript:;">
  85 + <span class="iconfont">&#xe60b;</span>
  86 + </a>
  87 + </div>
  88 + </div>
  89 + <div class="logo-brand">
  90 + <ul class="clearfix">
  91 + {{# logoBrand}}
  92 + {{#if switch}}
  93 + <li class="logo-brand-switch">
  94 + <a class="prev iconfont" href="javascript:;">&#xe60f;</a>
  95 + <a class="next iconfont" href="javascript:;">&#xe60e;</a>
  96 + </li>
  97 + {{else}}
  98 + {{#if more}}
  99 + <li class="brand-more">
  100 + <a href="{{href}}">MORE ></a>
  101 + </li>
  102 + {{else}}
  103 + <li>
  104 + <a href="{{href}}">
  105 + <img src="{{img}}" alt="">
  106 + </a>
  107 + </li>
  108 + {{/if}}
  109 + {{/if}}
  110 + {{/ logoBrand}}
  111 + </ul>
  112 + </div>
  113 + </div>
  114 + {{/ preferenceBrand}}
  115 +
  116 + {{! 品类推荐}}
  117 + {{#each recommend}}
  118 + {{> index/recommend}}
  119 + {{/ recommend}}
  120 +
  121 + {{! 新品上架}}
  122 + {{# newArrivls}}
  123 + {{> index/commodity}}
  124 + {{/ newArrivls}}
  125 +{{/ boy}}
  126 +
  127 +
4 </div> 128 </div>
5 {{> layout/footer}} 129 {{> layout/footer}}
1 {{> layout/header}} 1 {{> layout/header}}
2 <div class="products-page yoho-page"> 2 <div class="products-page yoho-page">
3 - <div class="filter-box">  
4 - {{# filters}}  
5 - {{# checkedConditons}}  
6 - <div class="checked-conditions section">  
7 - <span class="title">已选条件:</span>  
8 -  
9 - <div class="attr-content clearfix">  
10 - {{#each conditions}}  
11 - <a class="tag" href="{{href}}">  
12 - {{#if name}}  
13 - {{name}}  
14 - {{^}}  
15 - <i class="color-block" style="background: {{color}}"></i>  
16 - {{/if}}  
17 - <i class="close iconfont">&#xe602;</i>  
18 - </a>  
19 - {{/each}}  
20 -  
21 - <a class="clear-checked" href="{{clearUrl}}">清空筛选条件</a>  
22 - </div>  
23 - </div>  
24 - {{/ checkedConditons}} 3 + {{# products}}
  4 + <div class="filter-box">
  5 + {{# filters}}
  6 + {{# checkedConditions}}
  7 + <div class="checked-conditions section">
  8 + <span class="title">已选条件:</span>
25 9
26 - {{#if channel}}  
27 - <div class="channel section">  
28 - <span class="title">频道:</span> 10 + <div class="attr-content clearfix">
  11 + {{#each conditions}}
  12 + <a class="tag" href="{{href}}">
  13 + {{#if name}}
  14 + {{name}}
  15 + {{^}}
  16 + <i class="color-block" style="background: {{color}}"></i>
  17 + {{/if}}
  18 + <i class="close iconfont">&#xe602;</i>
  19 + </a>
  20 + {{/each}}
29 21
30 - <div class="attr-content clearfix">  
31 - {{#each channel}}  
32 - <a class="attr" href="{{href}}">  
33 - {{name}}  
34 - </a>  
35 - {{/each}} 22 + <a class="clear-checked" href="{{clearUrl}}">清空筛选条件</a>
  23 + </div>
36 </div> 24 </div>
37 - </div>  
38 - {{/if}} 25 + {{/ checkedConditions}}
39 26
40 - {{#if sort}}  
41 - <div class="sort section">  
42 - <span class="title">分类:</span> 27 + {{#if channel}}
  28 + <div class="channel section">
  29 + <span class="title">频道:</span>
43 30
44 - <div class="attr-content">  
45 - <ul class="sort-pre clearfix">  
46 - {{#each sort}}  
47 - <li>  
48 - <span class="attr" data-id="{{id}}">  
49 - {{name}}  
50 - </span>  
51 - </li>  
52 - {{/each}}  
53 - </ul>  
54 -  
55 - <div class="sort-sub-wrap">  
56 - {{#each sort}}  
57 - <ul class="sort-sub clearfix hide">  
58 - {{#each sub}}  
59 - <li class="attr">  
60 - <a href="{{href}}">{{name}}</a>  
61 - </li>  
62 - {{/each}}  
63 - </ul> 31 + <div class="attr-content clearfix">
  32 + {{#each channel}}
  33 + <a class="attr" href="{{href}}">
  34 + {{name}}
  35 + </a>
64 {{/each}} 36 {{/each}}
65 </div> 37 </div>
66 </div> 38 </div>
67 - </div>  
68 - {{/if}} 39 + {{/if}}
69 40
70 - {{# brand}}  
71 - <div class="brand section">  
72 - <span class="title">品牌:</span> 41 + {{#if sort}}
  42 + <div class="sort section">
  43 + <span class="title">分类:</span>
73 44
74 - <div class="attr-content">  
75 - <ul class="default clearfix">  
76 - {{# default}}  
77 - <li class="attr">  
78 - <a href="{{href}}" title="{{name}}">{{name}}</a>  
79 - </li>  
80 - {{/ default}}  
81 - </ul> 45 + <div class="attr-content">
  46 + <ul class="sort-pre clearfix">
  47 + {{#each sort}}
  48 + <li>
  49 + <span class="attr">
  50 + {{name}}
  51 + </span>
  52 + </li>
  53 + {{/each}}
  54 + </ul>
82 55
83 - <div class="brand-opt">  
84 - <span id="brand-more" class="brand-more">  
85 - <em>更多</em>  
86 - <i class="iconfont">&#xe600;</i>  
87 - </span>  
88 -  
89 - <span id="brand-multi" class="multi-select">多选 +</span> 56 + <div class="sort-sub-wrap">
  57 + {{#each sort}}
  58 + <ul class="sort-sub clearfix hide">
  59 + {{#each sub}}
  60 + <li class="attr">
  61 + <a href="{{href}}">{{name}}</a>
  62 + </li>
  63 + {{/each}}
  64 + </ul>
  65 + {{/each}}
  66 + </div>
90 </div> 67 </div>
  68 + </div>
  69 + {{/if}}
91 70
92 - <div class="brand-panel hide">  
93 - <div class="panel-head clearfix">  
94 - <p class="brands-index">  
95 - {{#each brandIndex}}  
96 - <span data-index="{{index}}">{{name}}</span>  
97 - {{/each}}  
98 - </p>  
99 -  
100 - <div class="brand-search">  
101 - <input id="brand-search-input" type="text">  
102 - <span class="btn">  
103 - <i class="iconfont">&#xe611;</i>  
104 - </span>  
105 - </div>  
106 - </div> 71 + {{# brand}}
  72 + <div class="brand section">
  73 + <span class="title">品牌:</span>
107 74
108 - <ul class="panel-body check-container clearfix">  
109 - {{# brandsShow}}  
110 - <li class="attr" data-index="{{index}}" data-key="{{key}}">  
111 - <a href="{{href}}">  
112 - <span class="iconfont checkbox" data-id="{{id}}">&#xe613;</span>  
113 - <span title="{{name}}">{{name}}</span>  
114 - </a> 75 + <div class="attr-content">
  76 + <ul class="default clearfix">
  77 + {{# default}}
  78 + <li class="attr">
  79 + <a href="{{href}}" title="{{name}}">{{name}}</a>
115 </li> 80 </li>
116 - {{/ brandsShow}} 81 + {{/ default}}
117 </ul> 82 </ul>
118 83
119 - <div class="btns">  
120 - <button id="brand-multi-ok" class="multi-select-ok dis">确定</button>  
121 - <button class="multi-select-cancel">取消</button> 84 + <div class="brand-opt">
  85 + <span id="brand-more" class="brand-more">
  86 + <em>更多</em>
  87 + <i class="iconfont">&#xe600;</i>
  88 + </span>
  89 +
  90 + <span id="brand-multi" class="multi-select">多选 +</span>
  91 + </div>
  92 +
  93 + <div class="brand-panel hide">
  94 + <div class="panel-head clearfix">
  95 + <p class="brands-index">
  96 + {{#each brandIndex}}
  97 + <span data-index="{{index}}">{{name}}</span>
  98 + {{/each}}
  99 + </p>
  100 +
  101 + <div class="brand-search">
  102 + <input id="brand-search-input" type="text">
  103 + <span class="btn">
  104 + <i class="iconfont">&#xe611;</i>
  105 + </span>
  106 + </div>
  107 + </div>
  108 +
  109 + <ul class="panel-body check-container clearfix">
  110 + {{# brandsShow}}
  111 + <li class="attr" data-index="{{index}}" data-key="{{key}}">
  112 + <a href="{{href}}">
  113 + <span class="iconfont checkbox" data-id="{{id}}">&#xe613;</span>
  114 + <span title="{{name}}">{{name}}</span>
  115 + </a>
  116 + </li>
  117 + {{/ brandsShow}}
  118 + </ul>
  119 +
  120 + <div class="btns">
  121 + <button id="brand-multi-ok" class="multi-select-ok dis">确定</button>
  122 + <button class="multi-select-cancel">取消</button>
  123 + </div>
122 </div> 124 </div>
123 </div> 125 </div>
124 </div> 126 </div>
125 - </div>  
126 - {{/ brand}} 127 + {{/ brand}}
127 128
128 - {{#if price}}  
129 - <div class="price section">  
130 - <span class="title">价格:</span> 129 + {{#if price}}
  130 + <div class="price section">
  131 + <span class="title">价格:</span>
131 132
132 - <div class="attr-content clearfix">  
133 - {{# price}}  
134 - <a class="attr" href="{{href}}"{{name}}</a>  
135 - {{/ price}} 133 + <div class="attr-content clearfix">
  134 + {{# price}}
  135 + <a class="attr" href="{{href}}"{{name}}</a>
  136 + {{/ price}}
136 137
137 - <div class="ud-price-range">  
138 - ¥  
139 - <input type="text" class="min limit">  
140 - <span class="price-sep">-</span>  
141 - <input type="text" class="max limit"> 138 + <div class="ud-price-range">
  139 + ¥
  140 + <input type="text" class="min limit">
  141 + <span class="price-sep">-</span>
  142 + <input type="text" class="max limit">
142 143
143 - <button class="price-sure hide">确定</button> 144 + <button class="price-sure hide">确定</button>
  145 + </div>
144 </div> 146 </div>
145 </div> 147 </div>
146 - </div>  
147 - {{/if}}  
148 -  
149 - {{#if color}}  
150 - <div class="color section">  
151 - <span class="title">颜色:</span>  
152 -  
153 - <div class="attr-content clearfix">  
154 - {{# color}}  
155 - <a class="attr" href="{{href}}">  
156 - <i class="color-block" style="background: {{rgb}}"></i>  
157 - {{name}}  
158 - </a>  
159 - {{/ color}} 148 + {{/if}}
  149 +
  150 + {{#if color}}
  151 + <div class="color section">
  152 + <span class="title">颜色:</span>
  153 +
  154 + <div class="attr-content clearfix">
  155 + {{# color}}
  156 + <a class="attr" href="{{href}}">
  157 + <i class="color-block" style="background: {{rgb}}"></i>
  158 + {{name}}
  159 + </a>
  160 + {{/ color}}
  161 + </div>
160 </div> 162 </div>
161 - </div>  
162 - {{/if}} 163 + {{/if}}
163 164
164 - {{#if size}}  
165 - <div class="size section">  
166 - <span class="title">尺码:</span> 165 + {{#if size}}
  166 + <div class="size section">
  167 + <span class="title">尺码:</span>
167 168
168 - <div class="attr-content clearfix">  
169 - {{# size}}  
170 - <a class="attr" href="{{href}}">{{name}}</a>  
171 - {{/ size}} 169 + <div class="attr-content clearfix">
  170 + {{# size}}
  171 + <a class="attr" href="{{href}}">{{name}}</a>
  172 + {{/ size}}
  173 + </div>
172 </div> 174 </div>
173 - </div>  
174 - {{/if}} 175 + {{/if}}
175 176
176 - {{#if seniorChose}}  
177 - <div class="senior section">  
178 - <span class="title">高级选项:</span> 177 + {{#if seniorChose}}
  178 + <div class="senior section">
  179 + <span class="title">高级选项:</span>
179 180
180 - <div class="attr-content">  
181 - <ul class="clearfix senior-attr-wrap">  
182 - {{#each seniorChose}}  
183 - <li class="attr">  
184 - {{name}}  
185 - <span class="iconfont">&#xe600;</span> 181 + <div class="attr-content">
  182 + <ul class="clearfix senior-attr-wrap">
  183 + {{#each seniorChose}}
  184 + <li class="attr">
  185 + {{name}}
  186 + <span class="iconfont">&#xe600;</span>
186 187
187 - <div class="senior-up-icon"></div> 188 + <div class="senior-up-icon"></div>
  189 + </li>
  190 + {{/each}}
  191 + </ul>
188 192
  193 + <div class="senior-sub-wrap">
  194 + {{#each seniorChose}}
189 <div class="senior-sub hide" data-attr="{{attr}}"> 195 <div class="senior-sub hide" data-attr="{{attr}}">
190 {{#if showMulti}} 196 {{#if showMulti}}
191 <span class="multi-select">多选 +</span> 197 <span class="multi-select">多选 +</span>
@@ -205,23 +211,128 @@ @@ -205,23 +211,128 @@
205 <button class="multi-select-cancel">取消</button> 211 <button class="multi-select-cancel">取消</button>
206 </div> 212 </div>
207 </div> 213 </div>
  214 + {{/each}}
  215 + </div>
  216 + </div>
  217 + </div>
  218 + {{/if}}
  219 + {{/ filters}}
  220 + </div>
  221 +
  222 + <div class="opt-banner">
  223 + {{# opts}}
  224 + {{# sortType}}
  225 + <a class="sort-type{{#if active}} active{{/if}}" href="{{href}}">
  226 + {{name}}
  227 + {{#if hasSortOrient}}
  228 + {{#if active}}
  229 + {{#if desc}}
  230 + <span class="active-icon iconfont">&#xe603;</span>
  231 + {{^}}
  232 + <span class="active-icon iconfont">&#xe604;</span>
  233 + {{/if}}
  234 + {{^}}
  235 + <span class="iconfont">&#xe614;</span>
  236 + {{/if}}
  237 + {{^}}
  238 + <span class="iconfont">&#xe604;</span>
  239 + {{/if}}
  240 + </a>
  241 + {{/ sortType}}
  242 +
  243 + {{# checks}}
  244 + <a class="checks{{#if checked}} checked{{/if}}" href="{{href}}">
  245 + {{#if checked}}
  246 + <span class="iconfont">&#xe612;</span>
  247 + {{^}}
  248 + <span class="iconfont">&#xe613;</span>
  249 + {{/if}}
  250 + {{name}}
  251 + </a>
  252 + {{/ checks}}
  253 +
  254 + <div class="pager-wrap">
  255 + {{#if fivePerLine}}
  256 + <div class="line-count active">
  257 + <span></span>
  258 + <span></span>
  259 + <span></span>
  260 + <span></span>
  261 + <span></span>
  262 + </div>
  263 +
  264 + <a class="line-count" href="{{sixPerLineHref}}">
  265 + <span></span>
  266 + <span></span>
  267 + <span></span>
  268 + <span></span>
  269 + <span></span>
  270 + <span></span>
  271 + </a>
  272 + {{^}}
  273 + <a class="line-count" href="{{fivePerLineHref}}">
  274 + <span></span>
  275 + <span></span>
  276 + <span></span>
  277 + <span></span>
  278 + <span></span>
  279 + </a>
  280 +
  281 + <div class="line-count active">
  282 + <span></span>
  283 + <span></span>
  284 + <span></span>
  285 + <span></span>
  286 + <span></span>
  287 + <span></span>
  288 + </div>
  289 + {{/if}}
  290 +
  291 + <div class="page-count">
  292 + <span id="count-per-page">
  293 + {{countPerPage}}
  294 + <i class="iconfont">&#xe604;</i>
  295 + </span>
  296 + 每页
  297 + <ul>
  298 + {{# pageCounts}}
  299 + <li>
  300 + <a href="{{href}}">{{count}}</a>
208 </li> 301 </li>
209 - {{/each}} 302 + {{/ pageCounts}}
210 </ul> 303 </ul>
211 </div> 304 </div>
  305 +
  306 + <p class="pager">
  307 + {{#if preHref}}
  308 + <a href="{{preHref}}">
  309 + <span class="iconfont">&#xe615;</span>
  310 + </a>
  311 + {{^}}
  312 + <span class="dis-icon iconfont">&#xe615;</span>
  313 + {{/if}}
  314 +
  315 + <span>
  316 + <i>{{curPage}}</i>/{{pageCount}}
  317 + </span>
  318 +
  319 + {{#if nextHref}}
  320 + <a href="{{nextHref}}">
  321 + <span class="iconfont">&#xe601;</span>
  322 + </a>
  323 + {{^}}
  324 + <span class="dis-icon iconfont">&#xe601;</span>
  325 + {{/if}}
  326 + </p>
212 </div> 327 </div>
213 - {{/if}}  
214 - {{/ filters}}  
215 - </div>  
216 -  
217 - <div class="opt-banner">  
218 -  
219 - </div>  
220 -  
221 - <div class="goods-container">  
222 - {{#each goods}}  
223 - {{> product/good}}  
224 - {{/each}}  
225 - </div> 328 + {{/opts}}
  329 + </div>
  330 +
  331 + <div class="goods-container">
  332 + {{#each goods}}
  333 + {{> product/good}}
  334 + {{/each}}
  335 + </div>
  336 + {{/ products}}
226 </div> 337 </div>
227 {{> layout/footer}} 338 {{> layout/footer}}
  1 +{{> index/floor_header}}
  2 +<div class="commodity">
  3 +
  4 + <ul class="clearfix">
  5 + {{#each commodity}}
  6 + <li>
  7 + {{# state}}
  8 + <i class="commodity-tag{{.}}"></i>
  9 + {{/ state}}
  10 + <a href="{{url}}"><div class="commodity-img"><img class="lazy" data-original="{{img}}"/></div>
  11 + <p class="commodity-name">{{name}}</p>
  12 + <p class="commodity-price"><span>¥{{price}}</span></p>
  13 + </a>
  14 + </li>
  15 + {{/each}}
  16 + </ul>
  17 + <div class="loading">
  18 + <p>Loading...</p>
  19 + </div>
  20 +</div>
  1 +<div class="floor-header clearfix">
  2 + <h2 class="floor-title">{{name}}</h2>
  3 + {{#if navs}}
  4 + <ul class="header-navs">
  5 + {{# navs}}
  6 + <li data-classify="{{id}}">
  7 + <a target="_blank" href="{{href}}">{{name}}</a>
  8 + </li>
  9 + {{/ navs}}
  10 + </ul>
  11 + {{/if}}
  12 +</div>
  1 +{{# tplrecommend}}
  2 +{{> index/floor_header}}
  3 +<div class="tpl-recommend clearfix">
  4 + <div class="tpl-body clearfix">
  5 + <div class="tpl-nav">
  6 + <div class="tpl-keywords">
  7 + {{#each keyword}}
  8 + <a class="keywords{{@index}}" title="{{name}}" href="{{url}}"><img class="lazy" data-original="{{img}}"/></a>
  9 + {{/ keyword}}
  10 + </div>
  11 + <div class="tpl-category clearfix">
  12 + {{#each category}}
  13 + <a href="{{url}}">{{name}}</a>
  14 + {{/ category}}
  15 + </div>
  16 + </div>
  17 + <div class="tpl-brands clearfix">
  18 + <ul>
  19 + {{#each brands}}
  20 + <li><a title="{{name}}" href="{{url}}"><img class="lazy" data-original="{{img}}"/></a></li>
  21 + {{/each}}
  22 + </ul>
  23 + </div>
  24 + <div class="tpl-types clearfix">
  25 + <ul>
  26 + {{#each types}}
  27 + <li><a title="{{name}}" href="{{url}}"><img class="lazy" data-original="{{img}}"/></a></li>
  28 + {{/each}}
  29 + </ul>
  30 + </div>
  31 + </div>
  32 + <div class="tpl-products clearfix">
  33 + <ul>
  34 + {{#each products}}
  35 + <li><a href="{{url}}" title="{{name}}"><img class="lazy" data-original="{{img}}"/></a></li>
  36 + {{/each}}
  37 + </ul>
  38 + </div>
  39 +</div>
  40 +{{/ tplrecommend}}
  41 +
  42 +
  1 +{{#headerdata}}
1 <div class="header-page yoho-page"> 2 <div class="header-page yoho-page">
2 <div class="header-topwrapper clearfix"> 3 <div class="header-topwrapper clearfix">
3 <div class="header-top"> 4 <div class="header-top">
@@ -367,4 +368,5 @@ @@ -367,4 +368,5 @@
367 <script type="text/html" id="tmpl-message"> 368 <script type="text/html" id="tmpl-message">
368 <ul>%L~ it :v:index%R<li><a href="<?php print QConfigs_Site_Config::$site_url;?>/home/message/content?id=%L=v.id%R">%L=v.title%R</a></li>%L~%R</ul> 369 <ul>%L~ it :v:index%R<li><a href="<?php print QConfigs_Site_Config::$site_url;?>/home/message/content?id=%L=v.id%R">%L=v.title%R</a></li>%L~%R</ul>
369 </script> 370 </script>
370 -</div>  
  371 +</div>
  372 +{{/headerdata}}
@@ -6,9 +6,10 @@ @@ -6,9 +6,10 @@
6 {{!-- 首页 --}} 6 {{!-- 首页 --}}
7 {{#if boysHomePage}} 7 {{#if boysHomePage}}
8 <script> 8 <script>
9 - seajs.use('js/home/entrey', function(h) { 9 + /*seajs.use('js/home/entrey', function(h) {
10 h.set('boys'); 10 h.set('boys');
11 - }); 11 + });*/
  12 + seajs.use('js/home/home');
12 </script> 13 </script>
13 {{/if}} 14 {{/if}}
14 15
1 -<div class="good-info" data-skn="{{skn}}"> 1 +<div class="good-info {{#if goodListLast}}good-list-{{goodListLast}}{{/if}}" data-skn="{{skn}}">
2 <div class="tag-container clearfix"> 2 <div class="tag-container clearfix">
3 {{# tags}} 3 {{# tags}}
4 {{# isNew}} 4 {{# isNew}}
5 - <p class="good-tag new-tag">NEW</p> 5 + <span class="good-tag new-tag">NEW</span>
6 {{/ isNew}} 6 {{/ isNew}}
7 {{# isReNew}} 7 {{# isReNew}}
8 - <p class="good-tag renew-tag">再到着</p> 8 + <span class="good-tag renew-tag">再到着</span>
9 {{/ isReNew}} 9 {{/ isReNew}}
10 {{# isSale}} 10 {{# isSale}}
11 - <p class="good-tag sale-tag">SALE</p> 11 + <span class="good-tag sale-tag">SALE</span>
12 {{/ isSale}} 12 {{/ isSale}}
13 {{# isNewFestival}} 13 {{# isNewFestival}}
14 - <p class="good-tag new-festival-tag">新品节</p> 14 + <span class="good-tag new-festival-tag">新品节</span>
15 {{/ isNewFestival}} 15 {{/ isNewFestival}}
16 {{# isLimit}} 16 {{# isLimit}}
17 - <p class="good-tag limit-tag">限量商品</p> 17 + <span class="good-tag limit-tag">限量商品</span>
18 {{/ isLimit}} 18 {{/ isLimit}}
19 {{# isYearEndPromotion}} 19 {{# isYearEndPromotion}}
20 - <p class="good-tag yep-tag">年终大促</p> 20 + <span class="good-tag yep-tag">年终大促</span>
21 {{/ isYearEndPromotion}} 21 {{/ isYearEndPromotion}}
22 {{# isYearMidPromotion}} 22 {{# isYearMidPromotion}}
23 - <p class="good-tag ymp-tag">年中热促</p> 23 + <span class="good-tag ymp-tag">年中热促</span>
24 {{/ isYearMidPromotion}} 24 {{/ isYearMidPromotion}}
25 {{/ tags}} 25 {{/ tags}}
26 </div> 26 </div>
  1 +dist
  2 +_site
  3 +sea-modules
  4 +spm_modules
  5 +node_modules
  6 +.git
  7 +tests
  8 +examples
  9 +test
  10 +coverage
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 <svg xmlns="http://www.w3.org/2000/svg"> 3 <svg xmlns="http://www.w3.org/2000/svg">
4 <metadata> 4 <metadata>
5 -Created by FontForge 20120731 at Thu Nov 26 10:18:10 2015 5 +Created by FontForge 20120731 at Tue Dec 1 11:00:27 2015
6 By Ads 6 By Ads
7 </metadata> 7 </metadata>
8 <defs> 8 <defs>
@@ -16,10 +16,10 @@ Created by FontForge 20120731 at Thu Nov 26 10:18:10 2015 @@ -16,10 +16,10 @@ Created by FontForge 20120731 at Thu Nov 26 10:18:10 2015
16 ascent="896" 16 ascent="896"
17 descent="-128" 17 descent="-128"
18 x-height="792" 18 x-height="792"
19 - bbox="0 -214 1024 812" 19 + bbox="0 -214 1024 864"
20 underline-thickness="50" 20 underline-thickness="50"
21 underline-position="-100" 21 underline-position="-100"
22 - unicode-range="U+0078-E613" 22 + unicode-range="U+0078-E615"
23 /> 23 />
24 <missing-glyph horiz-adv-x="374" 24 <missing-glyph horiz-adv-x="374"
25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" /> 25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -77,5 +77,9 @@ d="M939 -212h-854q-23 0 -42.5 11.5t-31 31t-11.5 42.5v854q0 35 25 60t60 25h854q23 @@ -77,5 +77,9 @@ d="M939 -212h-854q-23 0 -42.5 11.5t-31 31t-11.5 42.5v854q0 35 25 60t60 25h854q23
77 M457 99q-5 -6 -13 -9t-17 -3q-21 0 -30 12l-171 171q-13 10 -13 30q0 18 12.5 30.5t30.5 12.5q10 0 17.5 -3.5t12.5 -9.5l141 -141l311 312q13 12 30 12q18 0 30.5 -12.5t12.5 -29.5q0 -21 -13 -30z" /> 77 M457 99q-5 -6 -13 -9t-17 -3q-21 0 -30 12l-171 171q-13 10 -13 30q0 18 12.5 30.5t30.5 12.5q10 0 17.5 -3.5t12.5 -9.5l141 -141l311 312q13 12 30 12q18 0 30.5 -12.5t12.5 -29.5q0 -21 -13 -30z" />
78 <glyph glyph-name="uniE613" unicode="&#xe613;" 78 <glyph glyph-name="uniE613" unicode="&#xe613;"
79 d="M877 812h-730q-61 0 -104 -43t-43 -104v-730q0 -61 43 -104t104 -43h730q61 0 104 43t43 104v730q0 61 -43 104t-104 43zM939 -65q0 -26 -18 -44t-44 -18h-730q-26 0 -44 18t-18 44v730q0 17 8.5 31t22.5 22.5t31 8.5h730q26 0 44 -18t18 -44v-730z" /> 79 d="M877 812h-730q-61 0 -104 -43t-43 -104v-730q0 -61 43 -104t104 -43h730q61 0 104 43t43 104v730q0 61 -43 104t-104 43zM939 -65q0 -26 -18 -44t-44 -18h-730q-26 0 -44 18t-18 44v730q0 17 8.5 31t22.5 22.5t31 8.5h730q26 0 44 -18t18 -44v-730z" />
  80 + <glyph glyph-name="uniE614" unicode="&#xe614;"
  81 +d="M160 996zM865 247q0 -18 -13 -31l-308 -308q-13 -13 -31 -13t-31 13l-309 308q-13 13 -13 31t13.5 31t30.5 13h617q18 0 31 -13t13 -31zM865 511q0 -18 -13 -31t-31 -13h-617q-18 0 -31 13t-13 31t13 31l309 309q13 13 31 13t31 -13l308 -309q13 -13 13 -31z" />
  82 + <glyph glyph-name="uniE615" unicode="&#xe615;"
  83 +d="M704 569l-41 39l-343 -320l343 -320l41 39l-301 281z" />
80 </font> 84 </font>
81 </defs></svg> 85 </defs></svg>
  1 +var $ = require('jquery');
  2 +
  3 +(function($) {
  4 + var LinkageSlider = function(element, options) {
  5 + this.$element = $(element);
  6 + this.options = $.extend({}, $.fn.linkageSlider.defaults, options);
  7 + this.bigItem = this.$element.find('.big-slide').find('li');
  8 + this.smallItem = this.$element.find('.small-slide').find('li');
  9 + this.len = this.bigItem.size();
  10 + this.index = 0;
  11 + this.timer = null;
  12 + this.init();
  13 + };
  14 +
  15 + LinkageSlider.prototype = {
  16 + init: function() {
  17 + this._slideShow();
  18 + if (this.len <= 1) {
  19 + this.$element.find('.slide-switch').hide();
  20 + return;
  21 + }
  22 + this._bindEvent();
  23 + this._autoplay();
  24 + },
  25 + _bindEvent: function() {
  26 + var that = this;
  27 +
  28 + this.$element.find('.slide-switch').on('click', '.next', function() {
  29 + that._nextSlide();
  30 + clearInterval(that.timer);
  31 + that.timer = setInterval(function() {
  32 + that._nextSlide();
  33 + }, that.options.time);
  34 + }).on('click', '.prev', function() {
  35 + that._prevSlide();
  36 + clearInterval(that.timer);
  37 + that.timer = setInterval(function() {
  38 + that._nextSlide();
  39 + }, that.options.time);
  40 + });
  41 +
  42 + this.smallItem.on('mouseenter', function() {
  43 + that.index = $(this).index();
  44 + clearInterval(that.timer);
  45 + that._slideShow();
  46 + }).on('mouseleave', function() {
  47 + that._autoplay();
  48 + });
  49 + },
  50 + _nextSlide: function() {
  51 + if (this.index === this.len - 1) {
  52 + this.index = 0;
  53 + } else {
  54 + this.index++;
  55 + }
  56 + this._slideShow();
  57 + },
  58 + _prevSlide: function() {
  59 + if (this.index === 0) {
  60 + this.index = this.len - 1;
  61 + } else {
  62 + this.index--;
  63 + }
  64 + this._slideShow();
  65 + },
  66 + _slideShow: function() {
  67 + this.smallItem.eq(this.index).addClass('focus').siblings().removeClass('focus');
  68 + this.bigItem.eq(this.index).fadeIn().siblings().fadeOut();
  69 + },
  70 + _autoplay: function() {
  71 + var that = this;
  72 +
  73 + clearInterval(this.timer);
  74 + this.timer = setInterval(function() {
  75 + that._nextSlide();
  76 + }, this.options.time);
  77 + }
  78 + };
  79 + $.fn.linkageSlider = function(option) {
  80 + return this.each(function() {
  81 + var $this = $(this),
  82 + data = $this.data('linkageSlider'),
  83 + options = typeof option === 'object' && option;
  84 +
  85 + if (!data) {
  86 + $this.data('linkageSlider', (data = new LinkageSlider(this, options)));
  87 + }
  88 + if (typeof option === 'string') {
  89 + data[option]();
  90 + }
  91 + });
  92 + };
  93 + $.fn.linkageSlider.Constructor = LinkageSlider;
  94 + $.fn.linkageSlider.defaults = {
  95 + time: 5000
  96 + };
  97 +})($);
  1 +/**
  2 + * (品牌优选)图片幻灯片插件
  3 + * @author: wangqing(robin.wang@yoho.cn)
  4 + * @date: 205/7/2
  5 + */
  6 +var $ = require('jquery');
  7 +
  8 +(function($) {
  9 + $.fn.slider2 = function(options) {
  10 + function autoplay(index, limit, toright) {
  11 + if (toright === true) {
  12 + $('.next').trigger('click');
  13 + if (index === (limit - 3)) {
  14 + autoplayrecycle(--index, limit, false);
  15 + } else {
  16 + autoplayrecycle(++index, limit, true);
  17 + }
  18 + } else {
  19 + $('.prev').trigger('click');
  20 + if (index === 0) {
  21 + autoplayrecycle(++index, limit, true);
  22 + } else {
  23 + autoplayrecycle(--index, limit, false);
  24 + }
  25 + }
  26 + }
  27 +
  28 + function autoplayrecycle(index, limit, toright) {
  29 + window.setTimeout(autoplay, $.fn.slider2.defaults.delaytime, index, limit, toright);
  30 + }
  31 +
  32 + function changePic(index, width, callback) {
  33 + var offersetleft = -(index * width);
  34 +
  35 + $('.img-list')
  36 + .animate({
  37 + 'margin-left': offersetleft + 'px'
  38 + }, 'slow', callback);
  39 +
  40 + }
  41 + $.fn.slider2.defaults = {
  42 + index: 0,
  43 + shownum: 3,
  44 + autoplay: false,
  45 + delaytime: 3000
  46 + };
  47 + return this.each(function() {
  48 + var opts = $.extend({}, $.fn.slider2.defaults, options);
  49 + var mr = parseInt($('.img-item').css('margin-right'));
  50 + var $banneritems = $('.img-item');
  51 + var bannerarr = [];
  52 + var _width = $banneritems.outerWidth() + mr,
  53 + _size = $banneritems.length,
  54 + j = 0;
  55 +
  56 + if (_size <= 3) {
  57 + return;
  58 + }
  59 + for (j = 0; j < $banneritems.length; j++) {
  60 + bannerarr.push($banneritems[j]);
  61 + }
  62 + _size = bannerarr.length;
  63 + $(this).find('.img-list').css({
  64 + width: (_width * _size)
  65 + });
  66 + $(this).find('.next').on('click', function(e) {
  67 + var i = 0,
  68 + _obj = null;
  69 +
  70 + e.preventDefault();
  71 + changePic(3, _width, function() {
  72 + for (i = 0; i < 3; i++) {
  73 + _obj = bannerarr.shift();
  74 +
  75 + $('.img-item').parent().append(_obj.outerHTML);
  76 + bannerarr.push(_obj);
  77 + }
  78 + $('.img-item').first().remove();
  79 + $('.img-item').first().remove();
  80 + $('.img-item').first().remove();
  81 + $('.img-list').css({
  82 + 'margin-left': '0'
  83 + });
  84 + });
  85 +
  86 + });
  87 + $(this).find('.prev').on('click', function(e) {
  88 + var i = 0,
  89 + _obj = null,
  90 + offersetleft = '';
  91 +
  92 + e.preventDefault();
  93 + for (i = 0; i < 3; i++) {
  94 + _obj = bannerarr.pop();
  95 +
  96 + $('.img-item').parent().prepend(_obj.outerHTML);
  97 + bannerarr.unshift(_obj);
  98 + }
  99 + offersetleft = 3 * _width;
  100 + $('.img-item').last().remove();
  101 + $('.img-item').last().remove();
  102 + $('.img-item').last().remove();
  103 + $('.img-list').css({
  104 + 'margin-left': -offersetleft + 'px'
  105 + });
  106 + changePic(0, _width);
  107 + });
  108 + if (opts.autoplay === true) {
  109 + autoplayrecycle(opts.index, _size, true);
  110 + }
  111 + });
  112 +
  113 + };
  114 +
  115 +}($));
@@ -4,4 +4,15 @@ @@ -4,4 +4,15 @@
4 * @date: 2015/12/01 4 * @date: 2015/12/01
5 */ 5 */
6 6
7 -var $ = require("jquery"); 7 +var $ = require('jquery');
  8 +/**
  9 + * 回到顶部
  10 + * @type {[type]}
  11 + */
  12 +var $returnTop = $('.return-top');
  13 +
  14 +$returnTop.click(function() {
  15 + $('html,body').animate({
  16 + scrollTop: 0
  17 + }, 500);
  18 +});
@@ -2,4 +2,12 @@ @@ -2,4 +2,12 @@
2 * 首页 2 * 首页
3 * @author: xuqi<qi.xu@yoho.cn> 3 * @author: xuqi<qi.xu@yoho.cn>
4 * @date: 2015/11/23 4 * @date: 2015/11/23
5 - */  
  5 + */
  6 +
  7 +var $ = require('jquery');
  8 +
  9 +require('../common/linkage-slider');
  10 +require('../common/slider2');
  11 +
  12 +$('.slide-container').linkageSlider();
  13 +$('.img-brand').slider2();
@@ -24,6 +24,10 @@ var $brandDefault = $('.brand .default'), @@ -24,6 +24,10 @@ var $brandDefault = $('.brand .default'),
24 24
25 var $brandMoreTxt, $brandMoreIcon; 25 var $brandMoreTxt, $brandMoreIcon;
26 26
  27 +//商品相关变量
  28 +var $goodsContainer = $('.goods-container'),
  29 + $goodItem = $goodsContainer.find('.good-info');
  30 +
27 //价格相关变量 31 //价格相关变量
28 var $udPrice = $('.ud-price-range'), 32 var $udPrice = $('.ud-price-range'),
29 interReg = /^\d+$/, 33 interReg = /^\d+$/,
@@ -32,6 +36,12 @@ var $udPrice = $('.ud-price-range'), @@ -32,6 +36,12 @@ var $udPrice = $('.ud-price-range'),
32 //分类相关变量 36 //分类相关变量
33 var $sortSub = $('.sort-sub-wrap'); 37 var $sortSub = $('.sort-sub-wrap');
34 38
  39 +//高级选项相关变量
  40 +var $seniorSubWrap = $('.senior-sub-wrap'),
  41 + $seniorAttrWrap = $('.senior-attr-wrap');
  42 +
  43 +var seniorHoverTime, hoveredIndex;
  44 +
35 //清除checkbox选中状态 45 //清除checkbox选中状态
36 function clearChecked($checkbox) { 46 function clearChecked($checkbox) {
37 $checkbox.removeClass('checked').html(checkUnicode.unchecked); 47 $checkbox.removeClass('checked').html(checkUnicode.unchecked);
@@ -64,6 +74,13 @@ function uriLoc(attr, val) { @@ -64,6 +74,13 @@ function uriLoc(attr, val) {
64 window.location.href = newHref; 74 window.location.href = newHref;
65 } 75 }
66 76
  77 +//隐藏高级选项面板
  78 +function hideSeniorPanel(index) {
  79 + $seniorSubWrap.children('.senior-sub:eq(' + hoveredIndex + ')').addClass('hide');
  80 + $seniorAttrWrap.children('.attr:eq(' + hoveredIndex + ')').removeClass('hover');
  81 + hoveredIndex = -1;
  82 +}
  83 +
67 //屏蔽筛选项双击文字选中 84 //屏蔽筛选项双击文字选中
68 $('.filter-box').on('selectstart', '.attr, .brands-index span', function() { 85 $('.filter-box').on('selectstart', '.attr, .brands-index span', function() {
69 return false; 86 return false;
@@ -241,15 +258,24 @@ if ($udPrice.length > 0) { @@ -241,15 +258,24 @@ if ($udPrice.length > 0) {
241 } 258 }
242 259
243 //【高级选项】鼠标移入显示子项 260 //【高级选项】鼠标移入显示子项
244 -$('.senior-attr-wrap').on('mouseenter', '.attr', function() {  
245 - $(this).children('.senior-sub').removeClass('hide'); 261 +$seniorAttrWrap.on('mouseenter', '.attr', function() {
  262 + var index = $(this).addClass('hover').index();
  263 +
  264 + $seniorSubWrap.children('.senior-sub:eq(' + index + ')').removeClass('hide');
246 }).on('mouseleave', '.attr', function() { 265 }).on('mouseleave', '.attr', function() {
247 - $(this).children('.senior-sub').addClass('hide'); 266 + var $this = $(this),
  267 + index = $this.index();
  268 +
  269 + hoveredIndex = index;
  270 +
  271 + seniorHoverTime = setTimeout(function() {
  272 + hideSeniorPanel();
  273 + }, 100);
248 }); 274 });
249 275
250 //【高级选项】多选 276 //【高级选项】多选
251 $('.senior-sub').on('click', '.multi-select', function() { 277 $('.senior-sub').on('click', '.multi-select', function() {
252 - $(this).closest('.sub').addClass('multi'); 278 + $(this).closest('.senior-sub').addClass('multi');
253 }).on('click', '.multi-select-ok', function() { 279 }).on('click', '.multi-select-ok', function() {
254 var $btn = $(this), 280 var $btn = $(this),
255 $sub = $btn.closest('.senior-sub'), 281 $sub = $btn.closest('.senior-sub'),
@@ -266,4 +292,80 @@ $('.senior-sub').on('click', '.multi-select', function() { @@ -266,4 +292,80 @@ $('.senior-sub').on('click', '.multi-select', function() {
266 }); 292 });
267 293
268 uriLoc($sub.data('attr'), val); 294 uriLoc($sub.data('attr'), val);
  295 +}).on('mouseenter', function() {
  296 + clearTimeout(seniorHoverTime);
  297 +}).on('mouseleave', function() {
  298 + hideSeniorPanel();
  299 +});
  300 +
  301 +//操作栏
  302 +(function() {
  303 + var $countPerPage = $('#count-per-page'),
  304 + $countChose = $countPerPage.next('ul');
  305 +
  306 + var SLIDETIME = 200;
  307 +
  308 + $(document).click(function(e) {
  309 + if ($(e.target).closest('.page-count').length > 0) {
  310 + return;
  311 + }
  312 +
  313 + $countChose && $countChose.slideUp(SLIDETIME);
  314 + });
  315 +
  316 + $countPerPage.click(function() {
  317 + if ($countChose.css('display') === 'none') {
  318 + $countChose.slideDown(SLIDETIME);
  319 + } else {
  320 + $countChose.slideUp(SLIDETIME);
  321 + }
  322 + });
  323 +}());
  324 +
  325 +
  326 +/*
  327 + * Description: 商品列表移入效果
  328 + * Added by wangchenglong at 2015/12/1
  329 + */
  330 +
  331 +//todo
  332 +$goodItem.hover(function() {
  333 + var $cloneStr,
  334 + $goodItemWrapper,
  335 + activeIndex,
  336 + X,
  337 + left,
  338 + Y,
  339 + top,
  340 + colNum = 5,
  341 + itemW = 222,
  342 + itemH = 400,
  343 + itemMr = 10,
  344 + itemMb = 35;
  345 +
  346 + $('.good-item-wrapper').remove();
  347 +
  348 + activeIndex = $(this).index() + 1;
  349 +
  350 + X = (activeIndex % colNum) === 0 ? colNum : activeIndex % colNum;
  351 + Y = Math.ceil(activeIndex / colNum);
  352 + left = (X - 1) * (itemW + itemMr) + 15 - 21;
  353 + top = (Y - 1) * (itemH + itemMb) - 19;
  354 +
  355 + $cloneStr = $(this).clone();
  356 + $goodItemWrapper =
  357 + '<div class="good-item-wrapper" style="left:' + left + 'px;top:' + top + 'px;position:absolute;">' +
  358 + '<div class="good-select-color">' +
  359 + '</div>' +
  360 + '</div>';
  361 +
  362 +
  363 +
  364 + $goodsContainer.append($goodItemWrapper);
  365 +
  366 + $('.good-item-wrapper').prepend($cloneStr);
  367 +
  368 +}, function() {
  369 +
  370 + //todo
269 }); 371 });
@@ -13,7 +13,7 @@ @@ -13,7 +13,7 @@
13 "spm": { 13 "spm": {
14 "main": "index.js", 14 "main": "index.js",
15 "dependencies": { 15 "dependencies": {
16 - "jquery": "2.1.4" 16 + "jquery": "1.8.3"
17 }, 17 },
18 "devDependencies": { 18 "devDependencies": {
19 "expect.js": "0.3.1" 19 "expect.js": "0.3.1"
  1 +
  2 +.home-page {
  3 + width: 1150px;
  4 + margin: 0 auto;
  5 +
  6 + .slide-container {
  7 + margin: 10px 0 0;
  8 + img {
  9 + display: block;
  10 + }
  11 + }
  12 +
  13 + .big-slide {
  14 + position: relative;
  15 + height: 450px;
  16 + overflow: hidden;
  17 +
  18 + ul {
  19 + position: relative;
  20 + height: 100%;
  21 + }
  22 +
  23 + &:hover {
  24 + .slide-switch {
  25 + display: block;
  26 + }
  27 + }
  28 +
  29 + li {
  30 + display: none;
  31 + position: absolute;
  32 + top: 0;
  33 + right: 0;
  34 + width: 100%;
  35 + height: 100%;
  36 +
  37 + &:first-child {
  38 + display: block;
  39 + }
  40 + }
  41 +
  42 + .slide-switch {
  43 + display: none;
  44 + /* @include opacity(0);
  45 + @include transition-property(opacity);
  46 + @include transition-duration(.2s);
  47 + @include transition-timing-function(ease-in); */
  48 + a {
  49 + position: absolute;
  50 + top: 50%;
  51 + margin: -30px 0 0;
  52 + width: 60px;
  53 + height: 60px;
  54 + line-height: 56px;
  55 + text-align: center;
  56 + z-index: 2;
  57 + background: #fff;
  58 + @include opacity(0.55);
  59 +
  60 + &.prev {
  61 + left: 0;
  62 + }
  63 +
  64 + &.next {
  65 + right: 0;
  66 + }
  67 +
  68 + &:hover{
  69 + @include opacity(0.9);
  70 + }
  71 +
  72 + .iconfont {
  73 + font-size: 32px;
  74 + color: #59585a;
  75 + }
  76 + }
  77 + }
  78 + }
  79 +
  80 + .small-slide {
  81 + margin: 6px 0 0;
  82 + padding: 0 0 0 2px;
  83 +
  84 + li {
  85 + position: relative;
  86 + float: left;
  87 + margin: 0 0 0 6px;
  88 + width: 138px;
  89 + height: 54px;
  90 +
  91 + &:first-child {
  92 + margin: 0;
  93 + }
  94 +
  95 + &.focus {
  96 + a {
  97 + @include opacity(0);
  98 + }
  99 + }
  100 +
  101 + a {
  102 + position: absolute;
  103 + left: 0;
  104 + right: 0;
  105 + bottom: 0;
  106 + top: 0;
  107 + background: #000;
  108 + @include opacity(0.3);
  109 + }
  110 +
  111 + img {
  112 + width: 100%;
  113 + height: 100%;
  114 + }
  115 + }
  116 + }
  117 +
  118 + .new-report {
  119 + img {
  120 + display: block;
  121 + }
  122 + .report-list {
  123 + float: left;
  124 + width: 868px;
  125 + li {
  126 + float: left;
  127 + margin: 0 8px 8px 0;
  128 + width: 185px;
  129 + height: 248px;
  130 + overflow: hidden;
  131 + &:first-child {
  132 + margin-right: 7px;
  133 + width: 282px;
  134 + height: 504px;
  135 + }
  136 + }
  137 + }
  138 +
  139 + .last-item {
  140 + float: left;
  141 + width: 282px;
  142 + height: 504px;
  143 + overflow: hidden;
  144 + }
  145 + }
  146 +
  147 + .img-brand {
  148 + position: relative;
  149 + width: 100%;
  150 + height: 175px;
  151 + overflow: hidden;
  152 +
  153 + &:hover {
  154 + .img-brand-switch {
  155 + display: block;
  156 + }
  157 + }
  158 + ul {
  159 + width: 1158px;
  160 + }
  161 + li {
  162 + float: left;
  163 + margin: 0 8px 0 0;
  164 + width: 378px;
  165 + height: 175px;
  166 + line-height: 175px;
  167 + overflow: hidden;
  168 + font-size: 0;
  169 + text-align: center;
  170 +
  171 + img {
  172 + max-width: 100%;
  173 + max-height: 100%;
  174 + vertical-align: middle;
  175 + }
  176 + }
  177 + .img-brand-switch {
  178 + display: none;
  179 + a {
  180 + position: absolute;
  181 + top: 50%;
  182 + margin: -20px 0 0;
  183 + width: 40px;
  184 + height: 40px;
  185 + line-height: 40px;
  186 + text-align: center;
  187 + z-index: 2;
  188 + background: #fff;
  189 + @include opacity(0.55);
  190 +
  191 + &.prev {
  192 + left: 0;
  193 + }
  194 + &.next {
  195 + right: 0;
  196 + }
  197 + &:hover {
  198 + @include opacity(0.9);
  199 +
  200 + }
  201 + }
  202 + }
  203 + }
  204 +
  205 + .logo-brand {
  206 + ul {
  207 + width: 1158px;
  208 + }
  209 + li {
  210 + float: left;
  211 + margin: 8px 8px 0 0;
  212 + width: 185px;
  213 + height: 86px;
  214 + line-height: 86px;
  215 + font-size: 0;
  216 + text-align: center;
  217 + img {
  218 + max-width: 100%;
  219 + max-height: 100%;
  220 + vertical-align: middle;
  221 + }
  222 + }
  223 + .logo-brand-switch {
  224 + position: relative;
  225 + background: image-url('index/logo-brand-line.png') no-repeat center center;
  226 + line-height: normal;
  227 + .iconfont {
  228 + position: absolute;
  229 + left: 50%;
  230 + font-size: 32px;
  231 +
  232 + &.prev {
  233 + top: 10px;
  234 +
  235 + margin: 0 0 0 -48px;
  236 + }
  237 + &.next {
  238 + bottom: 12px;
  239 + margin: 0 0 0 20px;
  240 + }
  241 + }
  242 + }
  243 + .brand-more {
  244 + font-size: 16px;
  245 + &:hover {
  246 + text-decoration: underline;
  247 + }
  248 + }
  249 + }
  250 +
  251 + .tpl-recommend{
  252 + a{
  253 + display: block;
  254 + background-color: #f8f8f8;
  255 + img{display: block;width: 100%;}
  256 + }
  257 + .tpl-nav{
  258 + float: left;
  259 + width: 185px;
  260 + height: 512px;
  261 + overflow: hidden;
  262 + .tpl-keywords{
  263 + .keywords0{
  264 + img{
  265 + height: 152px;
  266 + }
  267 + margin-bottom: 10px;
  268 + }
  269 + .keywords1{
  270 + img{
  271 + height: 86px;
  272 + }
  273 + margin-bottom: 8px;
  274 + }
  275 + }
  276 + .tpl-category{
  277 + padding: 10px 0;
  278 + background-color: #f8f8f8;
  279 + a{
  280 + float: left;
  281 + width: 50%;
  282 + height: 38px;
  283 + line-height: 38px;
  284 + text-align: center;
  285 + color: #000;
  286 + font-size: 14px;
  287 + overflow: hidden;
  288 + }
  289 + }
  290 + }
  291 + .tpl-brands{
  292 + float: left;
  293 + margin-left: 8px;
  294 + width: 378px;
  295 + height: 512px;
  296 + overflow: hidden;
  297 + li{
  298 + margin-bottom: 8px;
  299 + img{
  300 + height: 248px;
  301 + width: 100%;
  302 + }
  303 + }
  304 +
  305 + }
  306 + .tpl-types{
  307 + float: left;
  308 + width: 579px;
  309 + height: 512px;
  310 + overflow: hidden;
  311 + li{
  312 + float: left;
  313 + margin-left: 8px;
  314 + margin-bottom: 8px;
  315 + img{
  316 + width: 185px;
  317 + height:248px;
  318 + }
  319 + }
  320 + }
  321 + .tpl-products{
  322 + ul{margin-left:-10px;
  323 + li{
  324 + float: left;
  325 + margin-left:10px;
  326 + img{
  327 + width: 222px;
  328 + height: 298px;
  329 + }
  330 + }
  331 + }
  332 + }
  333 + }
  334 +
  335 + .commodity{
  336 + margin-left: -10px;
  337 + position: relative;
  338 + li{
  339 + float: left;
  340 + margin-left: 10px;
  341 + margin-bottom:28px;
  342 + padding-top:20px;
  343 + position: relative;
  344 + i{
  345 + position: absolute;
  346 + top: 0px;
  347 + display: block;
  348 + width: 64px;
  349 + height: 20px;
  350 + }
  351 + a{
  352 + display: block;
  353 + height: 360px;
  354 + width: 222px;
  355 + .commodity-img{
  356 + img{
  357 + display: block;
  358 + height: 298px;
  359 + width: 222px;
  360 + }
  361 + }
  362 + p.commodity-name{
  363 + font-size: 12px;
  364 + color: #000;
  365 + line-height: 40px;
  366 + text-align: center;
  367 + }
  368 + p.commodity-price{
  369 + font-size: 12px;
  370 + text-align: center;
  371 + }
  372 + }
  373 + }
  374 + .loading{
  375 + position: absolute;
  376 + bottom: 0;
  377 + width: 100%;
  378 + p{
  379 + text-align: center;
  380 + font-size: 20px;
  381 + }
  382 + }
  383 + }
  384 +
  385 + .floor-header {
  386 + position: relative;
  387 + margin: 50px 0 30px;
  388 +
  389 + .floor-title {
  390 + margin: 0 auto;
  391 + width: 298px;
  392 + height: 31px;
  393 + line-height: 31px;
  394 + border: 1px solid #000;
  395 + font-size: 16px;
  396 + text-align: center;
  397 + }
  398 +
  399 + .header-navs {
  400 + position: absolute;
  401 + padding: 10px 0;
  402 + top: 0;
  403 + right: 0;
  404 + font-size: 14px;
  405 +
  406 + li {
  407 + float: left;
  408 + padding: 1px 10px;
  409 + border-left: 1px solid #ccc;
  410 +
  411 + &:first-child {
  412 + border-left: none;
  413 + }
  414 +
  415 + &:hover {
  416 + text-decoration: underline;
  417 + }
  418 +
  419 + a {
  420 + color: #333;
  421 + }
  422 + }
  423 + }
  424 + }
  425 +
  426 + @media screen and (min-width: 1150px) {
  427 + .floor-header {
  428 + margin: 80px 0 40px;
  429 +
  430 + .header-navs {
  431 + li {
  432 + padding: 1px 15px;
  433 + }
  434 + }
  435 + }
  436 + }
  437 +}
@@ -218,18 +218,27 @@ @@ -218,18 +218,27 @@
218 margin-bottom: -6px; 218 margin-bottom: -6px;
219 margin-right: 5px; 219 margin-right: 5px;
220 } 220 }
221 -  
222 - .senior-attr-wrap > .attr { 221 +
  222 + .senior {
  223 + padding-bottom: 6px;
  224 +
  225 + .attr-content {
  226 + position: relative;
  227 + }
  228 + }
  229 +
  230 + .senior-attr-wrap {
223 position: relative; 231 position: relative;
224 -  
225 - &:hover {  
226 - > .iconfont {  
227 - visibility: hidden;  
228 - } 232 + }
229 233
230 - .senior-up-icon {  
231 - display: block;  
232 - } 234 + .senior-attr-wrap > .attr:hover,
  235 + .senior-attr-wrap > .attr.hover {
  236 + > .iconfont {
  237 + visibility: hidden;
  238 + }
  239 +
  240 + .senior-up-icon {
  241 + visibility: visible;
233 } 242 }
234 } 243 }
235 244
@@ -238,7 +247,7 @@ @@ -238,7 +247,7 @@
238 position: absolute; 247 position: absolute;
239 padding: 15px 0; 248 padding: 15px 0;
240 left: 0; 249 left: 0;
241 - width: 1050px; 250 + right: 0;
242 top: 39px; 251 top: 39px;
243 background: #fff; 252 background: #fff;
244 border: 1px solid #eaeceb; 253 border: 1px solid #eaeceb;
@@ -259,15 +268,14 @@ @@ -259,15 +268,14 @@
259 } 268 }
260 269
261 .senior-up-icon { 270 .senior-up-icon {
262 - position: absolute;  
263 - width: 15px; 271 + width: 100%;
264 height: 9px; 272 height: 9px;
265 z-index: 1; 273 z-index: 1;
266 - left: 50%;  
267 - margin-left: -18px;  
268 - display: none; 274 + margin-left: -11px;
  275 + visibility: hidden;
269 276
270 background: image-url('product/senior-up.png') no-repeat; 277 background: image-url('product/senior-up.png') no-repeat;
  278 + background-position-x: 50%;
271 } 279 }
272 280
273 .checkbox { 281 .checkbox {
@@ -277,4 +285,208 @@ @@ -277,4 +285,208 @@
277 .multi .checkbox { 285 .multi .checkbox {
278 display: inline; 286 display: inline;
279 } 287 }
  288 +
  289 + /*商品列表
  290 + *added by wangchenglong at 2015.12.1
  291 + */
  292 + .goods-container {
  293 + height: auto;
  294 + padding: 0 15px;
  295 + margin-top: 25px;
  296 + position: relative;
  297 +
  298 + /*测试*/
  299 + width: 1150px;
  300 +
  301 + .good-info {
  302 + height: 400px; //todo
  303 + margin-bottom: 35px;
  304 + width: 222px;
  305 + margin-right: 10px;
  306 + float: left;
  307 +
  308 + &.good-list-five {
  309 + margin-right: 0;
  310 + }
  311 +
  312 + /*标签*/
  313 + .tag-container {
  314 + font-size: 12px;
  315 + height: 22px;
  316 + line-height: 22px;
  317 +
  318 + .good-tag {
  319 + padding: 0 7px;
  320 + display: block;
  321 + float: left;
  322 + margin-right: 3px;
  323 +
  324 + &:nth-last-of-type(1) {
  325 + margin-right: 0;
  326 + }
  327 +
  328 + &.new-tag {
  329 + background: #78dc7d;
  330 + color: #fff;
  331 + }
  332 + &.yep-tag, .sale-tag {
  333 + background: #ff565b;
  334 + color: #fff;
  335 + }
  336 + &.limit-tag {
  337 + color: #4e4e4e;
  338 + border: 1px solid #4e4e4e;
  339 + }
  340 + }
  341 + }
  342 +
  343 + /*图片*/
  344 + .good-detail-img {
  345 + width: 100%;
  346 + height: 300px;
  347 +
  348 + .good-thumb, img.lazy {
  349 + display: block;
  350 + overflow: hidden;
  351 + width: 100%;
  352 + height: 100%;
  353 + }
  354 + }
  355 +
  356 + /*文本*/
  357 + .good-detail-text {
  358 + color: #222;
  359 + font-size: 12px;
  360 + text-align: center;
  361 +
  362 + > a {
  363 + margin-top: 16px;
  364 + line-height: 1.5;
  365 + display: block;
  366 + }
  367 +
  368 + > .price {
  369 + margin-top: 10px;
  370 + }
  371 + }
  372 + }
  373 +
  374 + /*弹层*/
  375 + .good-item-wrapper {
  376 + border: 1px solid red;
  377 + padding-left: 20px;
  378 + padding-top: 18px;
  379 + }
  380 + }
  381 + /*商品列表end*/
  382 +
  383 + .opt-banner {
  384 + height: 48px;
  385 + background: #f5f7f6;
  386 + line-height: 48px;
  387 + margin: 10px 0;
  388 +
  389 + .sort-type,
  390 + .checks {
  391 + color: #ccc;
  392 + font-size: 14px;
  393 + padding: 0 10px;
  394 +
  395 + .iconfont {
  396 + font-size: 14px;
  397 + }
  398 +
  399 + &.active,
  400 + &.checked {
  401 + color: #000;
  402 + }
  403 + }
  404 +
  405 + .pager-wrap {
  406 + float: right;
  407 + padding: 15px 0;
  408 + }
  409 +
  410 + .line-count {
  411 + float: left;
  412 + padding: 3px 1px 3px 3px;
  413 + border: 1px solid #ccc;
  414 + margin-right: 10px;
  415 +
  416 + span {
  417 + float: left;
  418 + width: 5px;
  419 + height: 10px;
  420 + background: #ccc;
  421 + margin-right: 2px;
  422 + }
  423 +
  424 + &.active {
  425 + border-color: #222;
  426 + span {
  427 + background: #222;
  428 + }
  429 + }
  430 + }
  431 +
  432 + .page-count {
  433 + position: relative;
  434 + height: 18px;
  435 + float: left;
  436 + font-size: 12px;
  437 + line-height: 18px;
  438 +
  439 + > span {
  440 + float: left;
  441 + display: block;
  442 + width: 42px;
  443 + height: 10px;
  444 + line-height: 10px;
  445 + padding: 3px;
  446 + border: 1px solid #ccc;
  447 + color: #222;
  448 + cursor: pointer;
  449 + margin-right: 10px;
  450 + }
  451 +
  452 + .iconfont {
  453 + font-size: 14px;
  454 + color: #ccc;
  455 + float: right;
  456 + }
  457 +
  458 + > ul {
  459 + position: absolute;
  460 + display: none;
  461 + width: 42px;
  462 + padding: 0 3px;
  463 + border-left: 1px solid #ccc;
  464 + border-right: 1px solid #ccc;
  465 + }
  466 +
  467 + li {
  468 + border-bottom: 1px solid #ccc;
  469 + }
  470 +
  471 + a {
  472 + display: block;
  473 + width: 100%;
  474 + }
  475 + }
  476 +
  477 + .pager {
  478 + float: left;
  479 + font-size: 14px;
  480 + line-height: 15px;
  481 + margin: 0 20px;
  482 +
  483 + .dis-icon {
  484 + color: #e6e6e6;
  485 + }
  486 +
  487 + i {
  488 + color: #f00;
  489 + }
  490 + }
  491 + }
280 } 492 }
@@ -9,7 +9,7 @@ class BoysController extends AbstractAction @@ -9,7 +9,7 @@ class BoysController extends AbstractAction
9 public function indexAction() 9 public function indexAction()
10 { 10 {
11 11
12 - $data = array( 12 + $headerdata = array(
13 'gobytype' =>'gobuyboys', 13 'gobytype' =>'gobuyboys',
14 'searchcate'=> 'searchcateboys', 14 'searchcate'=> 'searchcateboys',
15 'navbars' => array( 15 'navbars' => array(
@@ -214,7 +214,281 @@ class BoysController extends AbstractAction @@ -214,7 +214,281 @@ class BoysController extends AbstractAction
214 ) 214 )
215 ) 215 )
216 ); 216 );
217 - $this->setTitle('男生首页');  
218 - $this->_view->display('index',$data); 217 + $tpldata = array(
  218 + 'name'=>'潮人配饰 ORNAMENT',
  219 + 'navs' => array(
  220 + array(
  221 + 'id' => '',
  222 + 'href' => '',
  223 + 'name' => 'MORE'
  224 + )
  225 + ),
  226 + 'tplrecommend'=>array(
  227 + 'keyword'=>array(array('name'=>'工装短裤','img'=>'','url'=>''),array('name'=>'英伦风','img'=>'','url'=>'')),
  228 + 'category'=>array(array('name'=>'衣服','url'=>''),array('name'=>'裤子','url'=>''),array('name'=>'衣服','url'=>''),array('name'=>'裤子','url'=>''),array('name'=>'衣服','url'=>''),array('name'=>'裤子','url'=>''),array('name'=>'衣服','url'=>''),array('name'=>'裤子','url'=>''),array('name'=>'衣服','url'=>''),array('name'=>'裤子','url'=>''),array('name'=>'衣服','url'=>''),array('name'=>'裤子','url'=>'')),
  229 + 'brands'=>array(array('name'=>'工装短裤','img'=>'','url'=>''),array('name'=>'英伦风','img'=>'','url'=>'')),
  230 + 'types'=>array(array('name'=>'工装短裤','img'=>'','url'=>''),array('name'=>'英伦风','img'=>'','url'=>''),array('name'=>'工装短裤','img'=>'','url'=>''),array('name'=>'英伦风','img'=>'','url'=>''),array('name'=>'工装短裤','img'=>'','url'=>''),array('name'=>'英伦风','img'=>'','url'=>'')),
  231 + 'products'=>array(
  232 + array(
  233 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  234 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  235 + 'name'=> '优显led触控台灯',
  236 + 'price'=> 168
  237 + ),
  238 + array(
  239 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  240 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  241 + 'name'=> '优显led触控台灯',
  242 + 'price'=> 168
  243 + ),
  244 + array(
  245 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  246 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  247 + 'name'=> '优显led触控台灯',
  248 + 'price'=> 168
  249 + ),
  250 + array(
  251 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  252 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  253 + 'name'=> '优显led触控台灯',
  254 + 'price'=> 168
  255 + ),
  256 + array(
  257 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  258 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  259 + 'name'=> '优显led触控台灯',
  260 + 'price'=> 168
  261 + )
  262 + )
  263 + )
  264 + );
  265 + $data = array(
  266 + 'headerdata' => array($headerdata),
  267 + 'boysHomePage' => true,
  268 + 'boy' => array(
  269 + 'bigSlide' => array(
  270 + array(
  271 + 'href' => '/?gender=1,3',
  272 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/26/12/01c3b99f554ad50d9e5a9900719715c94c.jpg'
  273 + ),
  274 + array(
  275 + 'href' => '/?gender=1,3',
  276 + 'img' => 'http://img12.static.yhbimg.com/taobaocms/2015/11/27/09/02a4f1c10e1e81574520e5c0239741a076.jpg'
  277 + )
  278 + ),
  279 + 'smallSlide' => array(
  280 + array(
  281 + 'href' => 'http://sale.yohobuy.com/?specialsale_id=13&gender=1,3',
  282 + 'img' => 'http://img13.static.yhbimg.com/taobaocms/2015/11/26/12/024a810cfa89d67569c6c3bacedba8869a.jpg?imageMogr2/thumbnail/138x54/extent/138x54/background/d2hpdGU=/position/center/quality/90'
  283 + ),
  284 + array(
  285 + 'href' => 'http://sale.yohobuy.com/?specialsale_id=13&gender=1,3',
  286 + 'img' => 'http://img10.static.yhbimg.com/taobaocms/2015/11/27/09/015b6a29ee526edeaacd13f4a7c81475f0.jpg?imageMogr2/thumbnail/138x54/extent/138x54/background/d2hpdGU=/position/center/quality/90'
  287 + )
  288 + ),
  289 + 'newReport' => array(
  290 + 'name' => '最新速报 NEW!',
  291 + 'list' => array(
  292 + array(
  293 + 'href' => '',
  294 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/27/03/0140fd98fd1c15c206d198d458e1c8e96f.jpg?imageView/1/w/377/h/504'
  295 + ),
  296 + array(
  297 + 'href' => '',
  298 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/03/01b2bd814ed65013e06790a301a0eb6408.jpg?imageView/1/w/185/h/248'
  299 + ),
  300 + array(
  301 + 'href' => '',
  302 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/03/01b2bd814ed65013e06790a301a0eb6408.jpg?imageView/1/w/185/h/248'
  303 + ),
  304 + array(
  305 + 'href' => '',
  306 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/03/01b2bd814ed65013e06790a301a0eb6408.jpg?imageView/1/w/185/h/248'
  307 + ),
  308 + array(
  309 + 'href' => '',
  310 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/03/01b2bd814ed65013e06790a301a0eb6408.jpg?imageView/1/w/185/h/248'
  311 + ),
  312 + array(
  313 + 'href' => '',
  314 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/03/01b2bd814ed65013e06790a301a0eb6408.jpg?imageView/1/w/185/h/248'
  315 + ),
  316 + array(
  317 + 'href' => '',
  318 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/03/01b2bd814ed65013e06790a301a0eb6408.jpg?imageView/1/w/185/h/248'
  319 + ),
  320 + array(
  321 + 'href' => '',
  322 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/27/03/0140fd98fd1c15c206d198d458e1c8e96f.jpg?imageView/1/w/377/h/504'
  323 + )
  324 + )
  325 + ),
  326 + 'preferenceBrand' => array(
  327 + 'name' => '优选品牌 BRAND',
  328 + 'imgBrand' => array(
  329 + array(
  330 + 'href' => '',
  331 + 'img' => 'http://img11.static.yhbimg.com/taobaocms/2015/11/30/01/01ebe6968476da9e79ddddfd28f60496c7.jpg'
  332 + ),
  333 + array(
  334 + 'href' => '',
  335 + 'img' => 'http://img11.static.yhbimg.com/taobaocms/2015/11/30/01/01ebe6968476da9e79ddddfd28f60496c7.jpg'
  336 + ),
  337 + array(
  338 + 'href' => '',
  339 + 'img' => 'http://img11.static.yhbimg.com/taobaocms/2015/11/30/01/01ebe6968476da9e79ddddfd28f60496c7.jpg'
  340 + ),
  341 + array(
  342 + 'href' => '',
  343 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/06/0124c4e16548b0d7aff4f0fa4ad7b13481.jpg?imageView/1/w/1150/h/450'
  344 + ),
  345 + array(
  346 + 'href' => '',
  347 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/06/0124c4e16548b0d7aff4f0fa4ad7b13481.jpg?imageView/1/w/1150/h/450'
  348 + ),
  349 + array(
  350 + 'href' => '',
  351 + 'img' => 'http://img11.static.yhbimg.com/yhb-img01/2015/11/30/06/0124c4e16548b0d7aff4f0fa4ad7b13481.jpg?imageView/1/w/1150/h/450'
  352 + ),
  353 + ),
  354 + 'logoBrand' => array(
  355 + array(
  356 + 'href' => '',
  357 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  358 + ),
  359 + array(
  360 + 'href' => '',
  361 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  362 + ),
  363 + array(
  364 + 'href' => '',
  365 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  366 + ),
  367 + array(
  368 + 'href' => '',
  369 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  370 + ),
  371 + array(
  372 + 'href' => '',
  373 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  374 + ),
  375 + array(
  376 + 'switch' => true
  377 + ),
  378 + array(
  379 + 'href' => '',
  380 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  381 + ),
  382 + array(
  383 + 'href' => '',
  384 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  385 + ),
  386 + array(
  387 + 'href' => '',
  388 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  389 + ),
  390 + array(
  391 + 'href' => '',
  392 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  393 + ),
  394 + array(
  395 + 'href' => '',
  396 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  397 + ),
  398 + array(
  399 + 'href' => '',
  400 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  401 + ),
  402 + array(
  403 + 'href' => '',
  404 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  405 + ),
  406 + array(
  407 + 'href' => '',
  408 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  409 + ),
  410 + array(
  411 + 'href' => '',
  412 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  413 + ),
  414 + array(
  415 + 'href' => '',
  416 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  417 + ),
  418 + array(
  419 + 'href' => '',
  420 + 'img' => 'http://img12.static.yhbimg.com/brandLogo/2015/03/18/16/020d4fec29ade8ccb6bc8e23b02c958a9d.jpg?imageView/2/w/185/h/86'
  421 + ),
  422 + array(
  423 + 'more' => true,
  424 + 'href' => 'http://www.yohobuy.com'
  425 + ),
  426 + )
  427 + ),
  428 + 'recommend'=>array($tpldata,$tpldata,$tpldata),
  429 + 'newArrivls' => array(
  430 + 'name' => '最新上架 NEW ARRIVALS',
  431 + 'navs' => array(
  432 + array(
  433 + 'id' => '',
  434 + 'href' => '',
  435 + 'name' => 'MORE'
  436 + )
  437 + ),
  438 + 'commodity'=>array(
  439 + array(
  440 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  441 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  442 + 'name'=> '优显led触控台灯',
  443 + 'price'=> 168,
  444 + 'state'=> 1 //状态
  445 + ),
  446 + array(
  447 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  448 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  449 + 'name'=> '优显led触控台灯',
  450 + 'price'=> 168,
  451 + 'state'=> 1 //状态
  452 + ),
  453 + array(
  454 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  455 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  456 + 'name'=> '优显led触控台灯',
  457 + 'price'=> 168,
  458 + 'state'=> 1 //状态
  459 + ),
  460 + array(
  461 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  462 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  463 + 'name'=> '优显led触控台灯',
  464 + 'price'=> 168,
  465 + 'state'=> 1 //状态
  466 + ),
  467 + array(
  468 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  469 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  470 + 'name'=> '优显led触控台灯',
  471 + 'price'=> 168,
  472 + 'state'=> 1 //状态
  473 + ),
  474 + array(
  475 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  476 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  477 + 'name'=> '优显led触控台灯',
  478 + 'price'=> 168,
  479 + 'state'=> 1 //状态
  480 + ),
  481 + array(
  482 + 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
  483 + 'img'=> 'http://img11.static.yhbimg.com/yhb-img01/2015/12/01/02/01c21e6610eefdc5ebd7ad890e49b09c2d.jpg',
  484 + 'name'=> '优显led触控台灯',
  485 + 'price'=> 168,
  486 + 'state'=> 1 //状态
  487 + )
  488 + )
  489 + )
  490 + )
  491 + );
  492 + $this->_view->display('index', $data);
219 } 493 }
220 } 494 }
@@ -12,231 +12,359 @@ class IndexController extends AbstractAction @@ -12,231 +12,359 @@ class IndexController extends AbstractAction
12 { 12 {
13 $data = array( 13 $data = array(
14 'searchListPage' => true, 14 'searchListPage' => true,
15 - 'filters' => array(  
16 - 'checkedConditons' => array(  
17 - 'conditions' => array( 15 +
  16 + 'products' => array(
  17 + 'filters' => array(
  18 + 'checkedConditions' => array(
  19 + 'conditions' => array(
  20 + array(
  21 + 'href' => '',
  22 + 'name' => '暗黑'
  23 + ),
  24 + array(
  25 + 'href' => '',
  26 + 'color' => '#f00'
  27 + ),
  28 + array(
  29 + 'href' => '',
  30 + 'name' => 'CLOT'
  31 + )
  32 + ),
  33 + 'clearUrl' => ''
  34 + ),
  35 + 'channel' => array(
18 array( 36 array(
19 - 'href' => '',  
20 - 'name' => '暗黑' 37 + 'href' => '/?gender=1,3',
  38 + 'name' => 'BOYS'
  39 + ),
  40 + array(
  41 + 'href' => '/?gender=2,3',
  42 + 'name' => 'GIRLS'
21 ), 43 ),
22 array( 44 array(
23 'href' => '', 45 'href' => '',
24 - 'color' => '#f00' 46 + 'name' => 'KIDS'
25 ), 47 ),
26 array( 48 array(
27 'href' => '', 49 'href' => '',
28 - 'name' => 'CLOT' 50 + 'name' => 'LIFESTYLE'
29 ) 51 )
30 ), 52 ),
31 - 'clearUrl' => ''  
32 - ),  
33 - 'channel' => array(  
34 - array(  
35 - 'href' => '/?gender=1,3',  
36 - 'name' => 'BOYS'  
37 - ),  
38 - array(  
39 - 'href' => '/?gender=2,3',  
40 - 'name' => 'GIRLS'  
41 - ),  
42 - array(  
43 - 'href' => '',  
44 - 'name' => 'KIDS' 53 + 'sort' => array(
  54 + array(
  55 + 'id' => '1',
  56 + 'name' => '上衣',
  57 + 'sub' => array(
  58 + array(
  59 + 'href' => '',
  60 + 'name' => 'T恤'
  61 + ),
  62 + array(
  63 + 'href' => '',
  64 + 'name' => '棉袄'
  65 + ),
  66 + array(
  67 + 'href' => '',
  68 + 'name' => '外套'
  69 + )
  70 + )
  71 + ),
  72 + array(
  73 + 'id' => '2',
  74 + 'name' => '裤子'
  75 + ),
  76 + array(
  77 + 'id' => '3',
  78 + 'name' => '连衣裙'
  79 + ),
  80 + array(
  81 + 'id' => '4',
  82 + 'name' => '鞋'
  83 + )
45 ), 84 ),
46 - array(  
47 - 'href' => '',  
48 - 'name' => 'LIFESTYLE'  
49 - )  
50 - ),  
51 - 'sort' => array(  
52 - array(  
53 - 'id' => '1',  
54 - 'name' => '上衣',  
55 - 'sub' => array( 85 + 'brand' => array(
  86 + 'default' => array(
56 array( 87 array(
57 'href' => '', 88 'href' => '',
58 - 'name' => 'T恤' 89 + 'name' => 'CLOT'
59 ), 90 ),
60 array( 91 array(
61 'href' => '', 92 'href' => '',
62 - 'name' => '棉袄' 93 + 'name' => 'ABLE JEANS'
63 ), 94 ),
64 array( 95 array(
65 'href' => '', 96 'href' => '',
66 - 'name' => '外套' 97 + 'name' => 'Eight Guys'
  98 + ),
  99 + array(
  100 + 'href' => '',
  101 + 'name' => 'FAIRWHALE JEANS'
  102 + ),
  103 + array(
  104 + 'href' => '',
  105 + 'name' => '鬼洗'
  106 + ),
  107 + array(
  108 + 'href' => '',
  109 + 'name' => '金银帝国Imperial Taels'
  110 + ),
  111 + array(
  112 + 'href' => '',
  113 + 'name' => 'F.L.Y.D'
  114 + ),
  115 + array(
  116 + 'href' => '',
  117 + 'name' => 'Tapenade特芙娜'
  118 + ),
  119 + array(
  120 + 'href' => '',
  121 + 'name' => 'Adidas Originals'
  122 + )
  123 + ),
  124 + 'brandIndex' => array(
  125 + array(
  126 + 'index' => 'all',
  127 + 'name' => '全部'
  128 + ),
  129 + array(
  130 + 'index' => '0-9',
  131 + 'name' => '0 ~ 9'
  132 + ),
  133 + array(
  134 + 'index' => 'a',
  135 + 'name' => 'A'
  136 + )
  137 + ),
  138 + 'brandsShow' => array(
  139 + array(
  140 + 'id' => '1',
  141 + 'href' => '',
  142 + 'index' => '0-9',
  143 + 'name' => '5cm',
  144 + 'key' => '5cm'
  145 + ),
  146 + array(
  147 + 'id' => '2',
  148 + 'href' => '',
  149 + 'index' => 'k',
  150 + 'name' => 'KTZ',
  151 + 'key' => 'ktz'
  152 + ),
  153 + array(
  154 + 'id' => '3',
  155 + 'href' => '',
  156 + 'index' => 't',
  157 + 'name' => 'Tapenade特芙娜',
  158 + 'key' => 'tapenade特芙娜'
  159 + ),
  160 + array(
  161 + 'id' => '4',
  162 + 'href' => '',
  163 + 'index' => 'j',
  164 + 'name' => '金银帝国Imperial Taels',
  165 + 'key' => '金银帝国imperial taels'
  166 + ),
  167 + array(
  168 + 'id' => '5',
  169 + 'href' => '',
  170 + 'index' => 'a',
  171 + 'name' => 'ABLE JEANS',
  172 + 'key' => 'able jeans'
67 ) 173 )
68 ) 174 )
69 ), 175 ),
70 - array(  
71 - 'id' => '2',  
72 - 'name' => '裤子'  
73 - ),  
74 - array(  
75 - 'id' => '3',  
76 - 'name' => '连衣裙'  
77 - ),  
78 - array(  
79 - 'id' => '4',  
80 - 'name' => '鞋'  
81 - )  
82 - ),  
83 - 'brand' => array(  
84 - 'default' => array( 176 + 'price' => array(
85 array( 177 array(
86 'href' => '', 178 'href' => '',
87 - 'name' => 'CLOT' 179 + 'name' => '0-239'
88 ), 180 ),
89 array( 181 array(
90 'href' => '', 182 'href' => '',
91 - 'name' => 'ABLE JEANS'  
92 - ), 183 + 'name' => '240-329'
  184 + )
  185 + ),
  186 + 'color' => array(
93 array( 187 array(
94 'href' => '', 188 'href' => '',
95 - 'name' => 'Eight Guys' 189 + 'name' => '黑色',
  190 + 'rgb' => '#000'
96 ), 191 ),
97 array( 192 array(
98 'href' => '', 193 'href' => '',
99 - 'name' => 'FAIRWHALE JEANS' 194 + 'name' => '红色',
  195 + 'rgb' => '#f00'
  196 + )
  197 + ),
  198 + 'size' => array(
  199 + array(
  200 + 'href' => '',
  201 + 'name' => 'S'
100 ), 202 ),
101 array( 203 array(
102 'href' => '', 204 'href' => '',
103 - 'name' => '鬼洗' 205 + 'name' => 'L'
  206 + )
  207 + ),
  208 + 'seniorChose' => array(
  209 + array(
  210 + 'attr' => 'style',
  211 + 'name' => '风格',
  212 + 'showMulti' => true,
  213 + 'sub' => array(
  214 + array(
  215 + 'id' => '1',
  216 + 'href' => '',
  217 + 'name' => '街头'
  218 + ),
  219 + array(
  220 + 'id' => '2',
  221 + 'href' => '',
  222 + 'name' => '简约'
  223 + )
  224 + )
104 ), 225 ),
105 array( 226 array(
  227 + 'attr' => 'weather',
  228 + 'name' => '适用季节',
  229 + 'sub' => array(
  230 + array(
  231 + 'id' => '1',
  232 + 'href' => '',
  233 + 'name' => '春天'
  234 + ),
  235 + array(
  236 + 'id' => '2',
  237 + 'href' => '',
  238 + 'name' => '夏天'
  239 + )
  240 + )
  241 + )
  242 + )
  243 + ),
  244 + 'opts' => array(
  245 + 'sortType' => array(
  246 + array(
106 'href' => '', 247 'href' => '',
107 - 'name' => '金银帝国Imperial Taels' 248 + 'name' => '默认'
108 ), 249 ),
109 array( 250 array(
  251 + 'active' => true,
110 'href' => '', 252 'href' => '',
111 - 'name' => 'F.L.Y.D' 253 + 'name' => '最新',
  254 + 'hasSortOrient' => true,
  255 + 'desc' => true
112 ), 256 ),
113 array( 257 array(
114 'href' => '', 258 'href' => '',
115 - 'name' => 'Tapenade特芙娜' 259 + 'name' => '价格',
  260 + 'hasSortOrient' => true
116 ), 261 ),
117 array( 262 array(
118 'href' => '', 263 'href' => '',
119 - 'name' => 'Adidas Originals' 264 + 'name' => '折扣',
  265 + 'hasSortOrient' => true
120 ) 266 )
121 ), 267 ),
122 - 'brandIndex' => array( 268 + 'checks' => array(
123 array( 269 array(
124 - 'index' => 'all',  
125 - 'name' => '全部' 270 + 'name' => '新品',
  271 + 'checked' => true,
  272 + 'href' => ''
126 ), 273 ),
127 array( 274 array(
128 - 'index' => '0-9',  
129 - 'name' => '0 ~ 9' 275 + 'name' => '打折',
  276 + 'href' => ''
130 ), 277 ),
131 array( 278 array(
132 - 'index' => 'a',  
133 - 'name' => 'A' 279 + 'name' => '限量',
  280 + 'checked' => true,
  281 + 'href' => ''
134 ) 282 )
135 ), 283 ),
136 - 'brandsShow' => array(  
137 - array(  
138 - 'id' => '1',  
139 - 'href' => '',  
140 - 'index' => '0-9',  
141 - 'name' => '5cm',  
142 - 'key' => '5cm'  
143 - ), 284 + 'fivePerLine' => true,
  285 + 'sixPerLineHref' => '',
  286 + 'countPerPage' => '120',
  287 + 'pageCounts' => array(
144 array( 288 array(
145 - 'id' => '2',  
146 'href' => '', 289 'href' => '',
147 - 'index' => 'k',  
148 - 'name' => 'KTZ',  
149 - 'key' => 'ktz' 290 + 'count' => 60
150 ), 291 ),
151 array( 292 array(
152 - 'id' => '3',  
153 'href' => '', 293 'href' => '',
154 - 'index' => 't',  
155 - 'name' => 'Tapenade特芙娜',  
156 - 'key' => 'tapenade特芙娜' 294 + 'count' => 100
157 ), 295 ),
158 array( 296 array(
159 - 'id' => '4',  
160 'href' => '', 297 'href' => '',
161 - 'index' => 'j',  
162 - 'name' => '金银帝国Imperial Taels',  
163 - 'key' => '金银帝国imperial taels'  
164 - ),  
165 - array(  
166 - 'id' => '5',  
167 - 'href' => '',  
168 - 'index' => 'a',  
169 - 'name' => 'ABLE JEANS',  
170 - 'key' => 'able jeans' 298 + 'count' => 120
171 ) 299 )
172 - ) 300 + ),
  301 + 'curPage' => 1,
  302 + 'pageCount' => 30,
  303 + 'nextHref' => 'hello'
  304 + )
  305 + ),
  306 + 'goods' => array(
  307 + 0 => array(
  308 + 'tags' => array(
  309 + 'isNew' => true,
  310 + 'isYearEndPromotion' => true
  311 + ),
  312 + 'url' => 'http://adidas.yohobuy.com/?gender=1,3',
  313 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/22/03/02c17af44dc23aa5a62d61cb59a05380bc.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  314 + 'name' => 'adidas Originals FORUM 中帮拼色休闲板鞋',
  315 + 'salePrice' => '899',
  316 + 'goodListLast' => false
173 ), 317 ),
174 - 'price' => array(  
175 - array(  
176 - 'href' => '',  
177 - 'name' => '0-239' 318 + 1 => array(
  319 + 'tags' => array(
  320 + 'isNew' => true,
  321 + 'isReNew' => true
178 ), 322 ),
179 - array(  
180 - 'href' => '',  
181 - 'name' => '240-329'  
182 - ) 323 + 'url' => 'http://adidas.yohobuy.com/?gender=1,3',
  324 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/22/03/02c17af44dc23aa5a62d61cb59a05380bc.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  325 + 'name' => 'adidas Originals FORUM 中帮拼色休闲板鞋',
  326 + 'salePrice' => '899',
  327 + 'goodListLast' => false
183 ), 328 ),
184 - 'color' => array(  
185 - array(  
186 - 'href' => '',  
187 - 'name' => '黑色',  
188 - 'rgb' => '#000' 329 + 2 => array(
  330 + 'tags' => array(
  331 + 'isNew' => true,
  332 + 'isReNew' => true
189 ), 333 ),
190 - array(  
191 - 'href' => '',  
192 - 'name' => '红色',  
193 - 'rgb' => '#f00'  
194 - ) 334 + 'url' => 'http://adidas.yohobuy.com/?gender=1,3',
  335 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/22/03/02c17af44dc23aa5a62d61cb59a05380bc.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  336 + 'name' => 'adidas Originals FORUM 中帮拼色休闲板鞋',
  337 + 'salePrice' => '899',
  338 + 'goodListLast' => false
  339 + ),
  340 + 3 => array(
  341 + 'url' => 'http://adidas.yohobuy.com/?gender=1,3',
  342 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/22/03/02c17af44dc23aa5a62d61cb59a05380bc.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  343 + 'name' => 'adidas Originals FORUM 中帮拼色休闲板鞋',
  344 + 'salePrice' => '899',
  345 + 'goodListLast' => false
195 ), 346 ),
196 - 'size' => array(  
197 - array(  
198 - 'href' => '',  
199 - 'name' => 'S' 347 + 4 => array(
  348 + 'tags' => array(
  349 + 'isNew' => true,
  350 + 'isReNew' => true
200 ), 351 ),
201 - array(  
202 - 'href' => '',  
203 - 'name' => 'L'  
204 - ) 352 + 'url' => 'http://adidas.yohobuy.com/?gender=1,3',
  353 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/22/03/02c17af44dc23aa5a62d61cb59a05380bc.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  354 + 'name' => 'adidas Originals FORUM 中帮拼色休闲板鞋',
  355 + 'salePrice' => '899',
  356 + 'goodListLast' => 'five'
205 ), 357 ),
206 - 'seniorChose' => array(  
207 - array(  
208 - 'attr' => 'style',  
209 - 'name' => '风格',  
210 - 'showMulti' => true,  
211 - 'sub' => array(  
212 - array(  
213 - 'id' => '1',  
214 - 'href' => '',  
215 - 'name' => '街头'  
216 - ),  
217 - array(  
218 - 'id' => '2',  
219 - 'href' => '',  
220 - 'name' => '简约'  
221 - )  
222 - ) 358 + 5 => array(
  359 + 'tags' => array(
  360 + 'isNew' => true,
  361 + 'isReNew' => true
223 ), 362 ),
224 - array(  
225 - 'attr' => 'weather',  
226 - 'name' => '适用季节',  
227 - 'sub' => array(  
228 - array(  
229 - 'id' => '1',  
230 - 'href' => '',  
231 - 'name' => '春天'  
232 - ),  
233 - array(  
234 - 'id' => '2',  
235 - 'href' => '',  
236 - 'name' => '夏天'  
237 - )  
238 - )  
239 - ) 363 + 'url' => 'http://adidas.yohobuy.com/?gender=1,3',
  364 + 'thumb' => 'http://img12.static.yhbimg.com/goodsimg/2015/11/22/03/02c17af44dc23aa5a62d61cb59a05380bc.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  365 + 'name' => 'adidas Originals FORUM 中帮拼色休闲板鞋',
  366 + 'salePrice' => '899',
  367 + 'goodListLast' => false
240 ) 368 )
241 ) 369 )
242 ); 370 );