Authored by 王水玲

频道底部css添加

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">&#xe62a;</p> 5 <p class="iconfont tab-icon">&#xe62a;</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>
  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";