Authored by 毕凯

SALE 增加折扣专场模块

@@ -5,5 +5,6 @@ @@ -5,5 +5,6 @@
5 {{/topBanner}} 5 {{/topBanner}}
6 6
7 {{> sale/activity-entry}} 7 {{> sale/activity-entry}}
  8 + {{> sale/brand-sale}}
8 </div> 9 </div>
9 {{> layout/footer}} 10 {{> layout/footer}}
1 <div class="activity-entry clearfix"> 1 <div class="activity-entry clearfix">
2 {{#activityEnter}} 2 {{#activityEnter}}
3 - <a class="entry-item pull-left {{#if @first}}first{{/if}} {{#if @last}}last{{/if}}" href="link"> 3 + <a class="entry-item pull-left {{#if @first}}first{{/if}} {{#if @last}}last{{/if}}" href="{{link}}">
4 <img class="icon pull-left" src="{{icon}}"> 4 <img class="icon pull-left" src="{{icon}}">
5 <div class="entry-text"> 5 <div class="entry-text">
6 <span class="title">{{title}}</span> 6 <span class="title">{{title}}</span>
  1 +<div class="brand-sale">
  2 + <div class="floor-title">
  3 + 折扣专场 SALE
  4 + </div>
  5 +
  6 + <div class="sale-group-big clearfix">
  7 + {{#brandSale}}
  8 + {{#big}}
  9 + <a class="item pull-left {{#if @first}}first{{/if}} {{#if @last}}last{{/if}}" href="{{link}}">
  10 + <div class="pic">
  11 + <img class="" src="{{img}}">
  12 + <div class="time">{{time}}</div>
  13 + </div>
  14 + <div class="detail">
  15 + <img class="brand pull-left" src="{{brand}}">
  16 + <div class="text">
  17 + <div class="discount">
  18 + <span class="num">{{discount}}</span> Off
  19 + </div>
  20 + <div class="title">
  21 + {{title}}
  22 + </div>
  23 + </div>
  24 + </div>
  25 + </a>
  26 + {{/big}}
  27 + {{/brandSale}}
  28 + </div>
  29 +
  30 + <div class="sale-group">
  31 +
  32 + </div>
  33 +
  34 +</div>
@@ -44,4 +44,75 @@ @@ -44,4 +44,75 @@
44 line-height: 48px; 44 line-height: 48px;
45 } 45 }
46 } 46 }
  47 +
  48 + .floor-title {
  49 + margin: 80px auto 40px;
  50 + width: 300px;
  51 + font-size: 16px;
  52 + line-height: 30px;
  53 + text-align: center;
  54 + border: 1px solid #000;
  55 + }
  56 +
  57 + .brand-sale {
  58 +
  59 + .sale-group-big {
  60 + .item {
  61 + width: 377px;
  62 + margin-right: 10px;
  63 +
  64 + &.first,
  65 + &.last {
  66 + width: 376px;
  67 + }
  68 +
  69 + &.last {
  70 + margin-right: 0;
  71 + }
  72 + }
  73 +
  74 + .pic {
  75 + position: relative;
  76 + height: 400px;
  77 + }
  78 +
  79 + .time {
  80 + @include box-sizing(border-box);
  81 + position: absolute;
  82 + left: 0;
  83 + bottom: 0;
  84 + width: 100%;
  85 + padding: 0 10px;
  86 + font-size: 16px;
  87 + line-height: 30px;
  88 + text-align: right;
  89 + color: #fff;
  90 + background: #4e4e4e;
  91 + }
  92 +
  93 + .detail {
  94 + background: #f5f5f5;
  95 + }
  96 +
  97 + .brand {
  98 + margin: 24px 10px;
  99 + }
  100 +
  101 + .text {
  102 + padding: 24px 10px 24px 0;
  103 + font-size: 14px;
  104 + color: #fd5659;
  105 + }
  106 +
  107 + .discount {
  108 + font-size: 28px;
  109 + font-weight: bold;
  110 +
  111 + .num {
  112 + font-size: 40px;
  113 + }
  114 + }
  115 +
  116 + }
  117 + }
47 } 118 }
@@ -50,6 +50,35 @@ class Sale1Controller extends WebAction @@ -50,6 +50,35 @@ class Sale1Controller extends WebAction
50 'desc' => 'Off Price', 50 'desc' => 'Off Price',
51 'link' => 'http://www.yohobuy.com' 51 'link' => 'http://www.yohobuy.com'
52 ) 52 )
  53 + ),
  54 + 'brandSale' => array(
  55 + 'big' => array(
  56 + array(
  57 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/31/07/02c9f302b6a633d7fac1a08655633a45d3.jpg?imageView/1/w/376/h/400',
  58 + 'link' => 'http://www.yohobuy.com',
  59 + 'time' => '低于1小时',
  60 + 'brand' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/22/09/0168ae2421d5283414ff5b873fa4a1c16a.jpg?imageView/1/w/185/h/62',
  61 + 'title' => '2015春夏海量大促!',
  62 + 'discount' => '70%',
  63 + ),
  64 + array(
  65 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/31/07/02c9f302b6a633d7fac1a08655633a45d3.jpg?imageView/1/w/376/h/400',
  66 + 'link' => 'http://www.yohobuy.com',
  67 + 'time' => '低于1小时',
  68 + 'brand' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/22/09/0168ae2421d5283414ff5b873fa4a1c16a.jpg?imageView/1/w/185/h/62',
  69 + 'title' => '2015春夏海量大促!',
  70 + 'discount' => '70%',
  71 + ),
  72 + array(
  73 + 'img' => 'http://img13.static.yhbimg.com/goodsimg/2015/03/31/07/02c9f302b6a633d7fac1a08655633a45d3.jpg?imageView/1/w/376/h/400',
  74 + 'link' => 'http://www.yohobuy.com',
  75 + 'time' => '低于1小时',
  76 + 'brand' => 'http://img11.static.yhbimg.com/yhb-img01/2015/12/22/09/0168ae2421d5283414ff5b873fa4a1c16a.jpg?imageView/1/w/185/h/62',
  77 + 'title' => '2015春夏海量大促!',
  78 + 'discount' => '70%',
  79 + )
  80 + ),
  81 + 'normal' => array()
53 ) 82 )
54 ); 83 );
55 $this->setWebNavHeader(); 84 $this->setWebNavHeader();