Showing
5 changed files
with
136 additions
and
1 deletions
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(); |
-
Please register or login to post a comment