Showing
4 changed files
with
65 additions
and
1 deletions
1 | {{#showFooterTab}} | 1 | {{#showFooterTab}} |
2 | +{{log this}} | ||
2 | <div class="footer-tab"> | 3 | <div class="footer-tab"> |
3 | <a class="tab-item {{#if grilsHomePage}}current{{/if}}{{#if boysHomePage}}current{{/if}}{{#if kidsHomePage}}current{{/if}}{{#if lifestyleHomePage}}current{{/if}}" href="{{indexUrl}}"> | 4 | <a class="tab-item {{#if grilsHomePage}}current{{/if}}{{#if boysHomePage}}current{{/if}}{{#if kidsHomePage}}current{{/if}}{{#if lifestyleHomePage}}current{{/if}}" href="{{indexUrl}}"> |
4 | <p class="iconfont tab-icon"></p> | 5 | <p class="iconfont tab-icon"></p> |
1 | <div class="icons-wrapper"> | 1 | <div class="icons-wrapper"> |
2 | <ul class="icons-list clearfix"> | 2 | <ul class="icons-list clearfix"> |
3 | {{#appIconList}} | 3 | {{#appIconList}} |
4 | - <li class="icons-item"><a href="{{url}}" class="imagebar"><img src="{{image src 50 50}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li> | 4 | + <li class="icons-item"><a href="{{url}}" class="imagebar"><img src="{{image src 98 98}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li> |
5 | {{/appIconList}} | 5 | {{/appIconList}} |
6 | </ul> | 6 | </ul> |
7 | </div> | 7 | </div> |
public/scss/channel/_footer-tab.css
0 → 100644
1 | +.footer-tab { | ||
2 | + position: fixed; | ||
3 | + left: 0; | ||
4 | + bottom: 0; | ||
5 | + width: 100%; | ||
6 | + height: 100px; | ||
7 | + padding-top: 20px; | ||
8 | + box-sizing: border-box; | ||
9 | + background: #fff; | ||
10 | + border-top: 1px solid #b0b0b0; | ||
11 | + z-index: 3; | ||
12 | + .tab-item { | ||
13 | + float: left; | ||
14 | + width: 20%; | ||
15 | + text-align: center; | ||
16 | + color: #b0b0b0; | ||
17 | + &.current { | ||
18 | + color: #414141; | ||
19 | + } | ||
20 | + } | ||
21 | + .tab-icon { | ||
22 | + font-size: 40px; | ||
23 | + line-height: 1; | ||
24 | + } | ||
25 | + .tab-name { | ||
26 | + margin-top: 10px; | ||
27 | + font-size: 20px; | ||
28 | + line-height: 1; | ||
29 | + } | ||
30 | +} | ||
31 | + | ||
32 | +.boys-wrap { | ||
33 | + .footer-tab { | ||
34 | + .tab-item.current { | ||
35 | + color: #414141; | ||
36 | + } | ||
37 | + } | ||
38 | +} | ||
39 | + | ||
40 | +.girls-wrap { | ||
41 | + .footer-tab { | ||
42 | + .tab-item.current { | ||
43 | + color: #FF88AE; | ||
44 | + } | ||
45 | + } | ||
46 | +} | ||
47 | + | ||
48 | +.kids-wrap { | ||
49 | + .footer-tab { | ||
50 | + .tab-item.current { | ||
51 | + color: #7ad9f9; | ||
52 | + } | ||
53 | + } | ||
54 | +} | ||
55 | + | ||
56 | +.lifestyle-wrap { | ||
57 | + .footer-tab { | ||
58 | + .tab-item.current { | ||
59 | + color: #4f4138; | ||
60 | + } | ||
61 | + } | ||
62 | +} |
@@ -4,6 +4,7 @@ | @@ -4,6 +4,7 @@ | ||
4 | @import "banner-bottom"; | 4 | @import "banner-bottom"; |
5 | @import "side-nav"; | 5 | @import "side-nav"; |
6 | @import "floor-header"; | 6 | @import "floor-header"; |
7 | +@import "footer-tab"; | ||
7 | @import "hot-brands"; | 8 | @import "hot-brands"; |
8 | @import "fine-brands"; | 9 | @import "fine-brands"; |
9 | @import "creative-life"; | 10 | @import "creative-life"; |
-
Please register or login to post a comment