Authored by 毕凯

Merge branch 'feature/channel' of git.dev.yoho.cn:web/yohobuy-node into feature/channel

{{#showFooterTab}}
{{log this}}
<div class="footer-tab">
<a class="tab-item {{#if grilsHomePage}}current{{/if}}{{#if boysHomePage}}current{{/if}}{{#if kidsHomePage}}current{{/if}}{{#if lifestyleHomePage}}current{{/if}}" href="{{indexUrl}}">
<p class="iconfont tab-icon">&#xe62a;</p>
... ...
<div class="icons-wrapper">
<ul class="icons-list clearfix">
{{#appIconList}}
<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>
<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>
{{/appIconList}}
</ul>
</div>
... ...
.footer-tab {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 100px;
padding-top: 20px;
box-sizing: border-box;
background: #fff;
border-top: 1px solid #b0b0b0;
z-index: 3;
.tab-item {
float: left;
width: 20%;
text-align: center;
color: #b0b0b0;
&.current {
color: #414141;
}
}
.tab-icon {
font-size: 40px;
line-height: 1;
}
.tab-name {
margin-top: 10px;
font-size: 20px;
line-height: 1;
}
}
.boys-wrap {
.footer-tab {
.tab-item.current {
color: #414141;
}
}
}
.girls-wrap {
.footer-tab {
.tab-item.current {
color: #ff88ae;
}
}
}
.kids-wrap {
.footer-tab {
.tab-item.current {
color: #7ad9f9;
}
}
}
.lifestyle-wrap {
.footer-tab {
.tab-item.current {
color: #4f4138;
}
}
}
... ...
... ... @@ -4,6 +4,7 @@
@import "banner-bottom";
@import "side-nav";
@import "floor-header";
@import "footer-tab";
@import "hot-brands";
@import "fine-brands";
@import "creative-life";
... ...