chenchao / YOHOBUYPC · Commits

Go to a project

Authored by weiqingting
Commit 9354c45d61d13717940633c0826c420f9165806a 1 parent 4908d5a1

男装首页和女装首页

Inline Side-by-side
Showing 6 changed files with 59 additions and 44 deletions
1 {{> index/floor-header}} 1 {{> index/floor-header}}
2 <div class="commodity clearfix" id="newarrivals"> 2 <div class="commodity clearfix" id="newarrivals">
  3 + <div class="commodity-list">
3 <ul class="clearfix"> 4 <ul class="clearfix">
4 </ul> 5 </ul>
  6 + </div>
5 <div class="loading"> 7 <div class="loading">
6 {{# navs}} 8 {{# navs}}
7 <a href="{{href}}">Loading...</a> 9 <a href="{{href}}">Loading...</a>
1 {{> index/floor-header}} 1 {{> index/floor-header}}
2 <div class="commodity clearfix"> 2 <div class="commodity clearfix">
3 - 3 + <div class="commodity-list">
4 <ul class="clearfix"> 4 <ul class="clearfix">
5 {{#each imgHot}} 5 {{#each imgHot}}
6 <li> 6 <li>
7 <a href="{{url}}"><div class="commodity-img"> 7 <a href="{{url}}"><div class="commodity-img">
8 - {{# state}}  
9 - <i class="commodity-tag{{.}}"></i>  
10 - {{/ state}}  
11 - <img class="lazy" data-original="{{img}}" src="{{img}}"/></div> 8 + {{# tip}}
  9 + <i class="top">{{tip}}</i>
  10 + {{/ tip}}
  11 + <img class="lazy" data-original="{{img}}"/></div>
12 <p class="commodity-name">{{name}}</p> 12 <p class="commodity-name">{{name}}</p>
13 <p class="commodity-price"><span>¥{{price}}</span></p> 13 <p class="commodity-price"><span>¥{{price}}</span></p>
14 </a> 14 </a>
15 </li> 15 </li>
16 {{/each}} 16 {{/each}}
17 </ul> 17 </ul>
  18 + </div>
  19 + <div class="commodity-brands clearfix">
  20 + {{#each bands}}
  21 + <a href="{{url}}" title="{{name}}"><img class="lazy" data-original="{{img}}"/></a>
  22 + {{/each}}
  23 + </div>
18 </div> 24 </div>
1 .girls,.kids,.lifestyle{ 1 .girls,.kids,.lifestyle{
2 .commodity{ 2 .commodity{
  3 + .commodity-list{
3 li{ 4 li{
4 width: 280px; 5 width: 280px;
5 a{ 6 a{
@@ -19,6 +20,18 @@ @@ -19,6 +20,18 @@
19 text-align: center; 20 text-align: center;
20 font-size: 12px; 21 font-size: 12px;
21 } 22 }
  23 + i.top{
  24 + position: absolute;
  25 + width: 60px;
  26 + height: 60px;
  27 + top: 10px;
  28 + right: 10px;
  29 + line-height: 60px;
  30 + background-color: rgb(255,87,92);
  31 + font-size: 20px;
  32 + color: #fff;
  33 + border-radius: 30px;
  34 + }
22 .commodity-img{ 35 .commodity-img{
23 img{ 36 img{
24 width: 280px; 37 width: 280px;
@@ -27,17 +40,16 @@ @@ -27,17 +40,16 @@
27 } 40 }
28 } 41 }
29 } 42 }
  43 + }
30 } 44 }
31 .boys{ 45 .boys{
32 - .commodity{  
33 - i{ 46 + .commodity-list i{
34 position: absolute; 47 position: absolute;
35 top: -20px; 48 top: -20px;
36 display: block; 49 display: block;
37 width: 64px; 50 width: 64px;
38 height: 20px; 51 height: 20px;
39 } 52 }
40 - }  
41 .tpl-keywords{ 53 .tpl-keywords{
42 .keywords0{ 54 .keywords0{
43 img{ 55 img{
@@ -69,4 +81,19 @@ @@ -69,4 +81,19 @@
69 height: 502px !important; 81 height: 502px !important;
70 width: 100% !important; 82 width: 100% !important;
71 } 83 }
  84 + .commodity-brands{
  85 + a{
  86 + float: left;
  87 + margin-left: 8px;
  88 + width: 185px;
  89 + height: 86px;
  90 + display: block;
  91 + img{
  92 + display: block;
  93 + width: 185px;
  94 + height: 86px;
  95 + }
  96 + }
  97 + }
  98 +
72 } 99 }
@@ -582,6 +582,7 @@ @@ -582,6 +582,7 @@
582 margin-left: -10px; 582 margin-left: -10px;
583 margin-bottom:80px; 583 margin-bottom:80px;
584 position: relative; 584 position: relative;
  585 + .commodity-list{
585 li{ 586 li{
586 float: left; 587 float: left;
587 margin-left: 10px; 588 margin-left: 10px;
@@ -617,6 +618,7 @@ @@ -617,6 +618,7 @@
617 } 618 }
618 } 619 }
619 } 620 }
  621 + }
620 .loading{ 622 .loading{
621 position: absolute; 623 position: absolute;
622 bottom: 0; 624 bottom: 0;
@@ -456,45 +456,16 @@ class BoysController extends AbstractAction @@ -456,45 +456,16 @@ class BoysController extends AbstractAction
456 break; 456 break;
457 } 457 }
458 $imgsrc='http://img11.static.yhbimg.com/goodsimg/2015/10/19/10/01b312c3b7a7efebcd671e73495ff3e306.jpg'; 458 $imgsrc='http://img11.static.yhbimg.com/goodsimg/2015/10/19/10/01b312c3b7a7efebcd671e73495ff3e306.jpg';
459 - $result=array(  
460 - 'code'=>200,  
461 - 'commodity'=>array(  
462 - array(  
463 - 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,  
464 - 'img'=> $imgsrc,  
465 - 'name'=> '优显led触控台灯',  
466 - 'price'=> 168,  
467 - 'state'=> 1 //状态  
468 - ),  
469 - array(  
470 - 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,  
471 - 'img'=> $imgsrc,  
472 - 'name'=> '优显led触控台灯',  
473 - 'price'=> 168,  
474 - 'state'=> 1 //状态  
475 - ),  
476 - array(  
477 - 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,  
478 - 'img'=> $imgsrc,  
479 - 'name'=> '优显led触控台灯',  
480 - 'price'=> 168,  
481 - 'state'=> 1 //状态  
482 - ),  
483 - array(  
484 - 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,  
485 - 'img'=> $imgsrc,  
486 - 'name'=> '优显led触控台灯',  
487 - 'price'=> 168,  
488 - 'state'=> 1 //状态  
489 - ),  
490 - array( 459 + $data=array(
491 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' , 460 'url' =>'http://www.muji.com.cn/cn/store/goods/4547315967308' ,
492 'img'=> $imgsrc, 461 'img'=> $imgsrc,
493 'name'=> '优显led触控台灯', 462 'name'=> '优显led触控台灯',
494 'price'=> 168, 463 'price'=> 168,
495 - 'state'=> 1 //状态  
496 - )  
497 - ) 464 + 'tip'=> "" //提示
  465 + );
  466 + $result=array(
  467 + 'code'=>200,
  468 + 'commodity'=>array($data,$data,$data,$data,$data)
498 ); 469 );
499 } while (false); 470 } while (false);
500 471
@@ -228,6 +228,13 @@ class GirlsController extends AbstractAction @@ -228,6 +228,13 @@ class GirlsController extends AbstractAction
228 'name'=>'优显led触控台灯', 228 'name'=>'优显led触控台灯',
229 'price'=>'100' 229 'price'=>'100'
230 ); 230 );
  231 + $name_href_name_price_tip=array(
  232 + 'href' => '',
  233 + 'img' => $imgsrc,
  234 + 'name'=>'优显led触控台灯',
  235 + 'price'=>'100',
  236 + 'tip'=>'TOP1'
  237 + );
231 238
232 $tpldata = array( 239 $tpldata = array(
233 'name'=>'潮人配饰 ORNAMENT', 240 'name'=>'潮人配饰 ORNAMENT',
@@ -378,7 +385,7 @@ class GirlsController extends AbstractAction @@ -378,7 +385,7 @@ class GirlsController extends AbstractAction
378 array( 385 array(
379 'singlehot'=>array( 386 'singlehot'=>array(
380 'name' => '单品 HOT', 387 'name' => '单品 HOT',
381 - 'imgHot' => array( $name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price), 388 + 'imgHot' => array( $name_href_name_price_tip,$name_href_name_price_tip,$name_href_name_price_tip,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price,$name_href_img_price),
382 'bands'=>array( $name_href_img,$name_href_img,$name_href_img,$name_href_img,$name_href_img,$name_href_img) 389 'bands'=>array( $name_href_img,$name_href_img,$name_href_img,$name_href_img,$name_href_img,$name_href_img)
383 ) 390 )
384 ), 391 ),