Showing
26 changed files
with
3196 additions
and
361 deletions
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&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&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>] [<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> %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>] [<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"></span> | ||
414 | + </a> | ||
415 | + <a class="next" href="javascript:;"> | ||
416 | + <span class="iconfont"></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"></span> | ||
472 | + </a> | ||
473 | + <a class="next" href="javascript:;"> | ||
474 | + <span class="iconfont"></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:;"></a> | ||
482 | + <a class="next iconfont" href="javascript:;"></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 | + | ||
731 | + <span class="rgb9">08:00-22:30(周一至周日)</span> | ||
732 | + | ||
733 | + <span> | ||
734 | + <a href="http://chat80.live800.com/live800/chatClient/chatbox.jsp?companyID=493979&configID=123576&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&ct=df&a=1&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"></span> | ||
19 | + </a> | ||
20 | + <a class="next" href="javascript:;"> | ||
21 | + <span class="iconfont"></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"></span> | ||
83 | + </a> | ||
84 | + <a class="next" href="javascript:;"> | ||
85 | + <span class="iconfont"></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:;"></a> | ||
95 | + <a class="next iconfont" href="javascript:;"></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"></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"></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"></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"></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}}"></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"></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"></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}}"></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"></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"></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"></span> | ||
231 | + {{^}} | ||
232 | + <span class="active-icon iconfont"></span> | ||
233 | + {{/if}} | ||
234 | + {{^}} | ||
235 | + <span class="iconfont"></span> | ||
236 | + {{/if}} | ||
237 | + {{^}} | ||
238 | + <span class="iconfont"></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"></span> | ||
247 | + {{^}} | ||
248 | + <span class="iconfont"></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"></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"></span> | ||
310 | + </a> | ||
311 | + {{^}} | ||
312 | + <span class="dis-icon iconfont"></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"></span> | ||
322 | + </a> | ||
323 | + {{^}} | ||
324 | + <span class="dis-icon iconfont"></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 | +{{# 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> |
web-static/.spmignore
0 → 100644
No preview for this file type
@@ -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="" | 78 | <glyph glyph-name="uniE613" unicode="" |
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="" | ||
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="" | ||
83 | +d="M704 569l-41 39l-343 -320l343 -320l41 39l-301 281z" /> | ||
80 | </font> | 84 | </font> |
81 | </defs></svg> | 85 | </defs></svg> |
No preview for this file type
No preview for this file type
web-static/img/index/logo-brand-line.png
0 → 100644

2.27 KB
web-static/js/common/linkage-slider.js
0 → 100644
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 | +})($); |
web-static/js/common/slider2.js
0 → 100644
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 | ); |
-
Please register or login to post a comment