Showing
3 changed files
with
98 additions
and
0 deletions
1 | +{{# mainBanner}} | ||
2 | + <div class="main-banner"{{#unless list}} style="background:url({{image img 1920 450}}) no-repeat top center;"{{/unless}}> | ||
3 | + {{#if list}} | ||
4 | + <ul> | ||
5 | + {{# list}} | ||
6 | + <li class="banner-img" style="background:url({{image img 1920 450}}) no-repeat top center;"> | ||
7 | + {{#if href}} | ||
8 | + <a href="{{href}}"></a> | ||
9 | + {{/if}} | ||
10 | + </li> | ||
11 | + {{/ list}} | ||
12 | + </ul> | ||
13 | + {{^}} | ||
14 | + {{#if href}} | ||
15 | + <a href="{{href}}"></a> | ||
16 | + {{/if}} | ||
17 | + {{/if}} | ||
18 | + </div> | ||
19 | +{{/ mainBanner}} |
1 | +{{# specialHead}} | ||
2 | +<div class="special-head"> | ||
3 | + <div class="special-limit"> | ||
4 | + <span class="iconfont"></span> | ||
5 | + <label class="time" data-limit="{{limit}}">仅剩22小时30分10秒</label> | ||
6 | + </div> | ||
7 | + <div class="special-name"> | ||
8 | + <img src="{{logo}}"> | ||
9 | + {{special}} | ||
10 | + <span><i>{{discount}}</i>折起</span> | ||
11 | + </div> | ||
12 | + <div class="special-title"> | ||
13 | + {{title}} | ||
14 | + <label class="all-count"> | ||
15 | + 共{{count}}个结果 | ||
16 | + </label> | ||
17 | + </div> | ||
18 | +</div> | ||
19 | +{{/ specialHead}} |
public/scss/product/outlets/_special.css
0 → 100644
1 | +.outlets-special-page { | ||
2 | + .main-banner { | ||
3 | + height: 360px; | ||
4 | + } | ||
5 | + | ||
6 | + .special-head { | ||
7 | + margin: 15px 0; | ||
8 | + border-bottom: 1px dashed #ccc; | ||
9 | + | ||
10 | + .special-limit { | ||
11 | + float: right; | ||
12 | + line-height: 38px; | ||
13 | + } | ||
14 | + | ||
15 | + .special-name { | ||
16 | + height: 40px; | ||
17 | + line-height: 40px; | ||
18 | + font-size: 20px; | ||
19 | + | ||
20 | + img { | ||
21 | + width: 100px; | ||
22 | + height: 40px; | ||
23 | + vertical-align: top; | ||
24 | + } | ||
25 | + | ||
26 | + span { | ||
27 | + font-size: 16px; | ||
28 | + } | ||
29 | + | ||
30 | + i { | ||
31 | + font-weight: bold; | ||
32 | + font-style: italic; | ||
33 | + color: #fe575d; | ||
34 | + font-size: 26px; | ||
35 | + position: relative; | ||
36 | + top: 3px; | ||
37 | + margin: 0 8px 0 2px; | ||
38 | + } | ||
39 | + } | ||
40 | + | ||
41 | + .special-title { | ||
42 | + font-size: 22px; | ||
43 | + height: 34px; | ||
44 | + text-align: center; | ||
45 | + } | ||
46 | + | ||
47 | + .all-count { | ||
48 | + width: 120px; | ||
49 | + font-size: 12px; | ||
50 | + line-height: 26px; | ||
51 | + background: #fff; | ||
52 | + margin-left: -60px; | ||
53 | + font-weight: normal; | ||
54 | + position: absolute; | ||
55 | + left: 50%; | ||
56 | + display: block; | ||
57 | + | ||
58 | + } | ||
59 | + } | ||
60 | +} |
-
Please register or login to post a comment