Showing
3 changed files
with
36 additions
and
86 deletions
| 1 | -{{# content}} | ||
| 2 | - {{! 头部banner}} | ||
| 3 | - {{#if focus}} | ||
| 4 | - {{> resources/banner-top}} | ||
| 5 | - {{/if}} | ||
| 6 | - {{! 图标入口}} | ||
| 7 | - {{#if appIconList}} | ||
| 8 | - {{> resources/icons-enter}} | ||
| 9 | - {{/if}} | ||
| 10 | - {{! 中间banner}} | ||
| 11 | - {{#if singleImage}} | ||
| 12 | - {{> resources/banner}} | ||
| 13 | - {{/if}} | ||
| 14 | - {{! 两个小图}} | ||
| 15 | - {{#if smallPic}} | ||
| 16 | - {{> resources/thumb-row}} | ||
| 17 | - {{/if}} | ||
| 18 | - {{! 热门品类}} | ||
| 19 | - {{#if recommendContentFive}} | ||
| 20 | - {{> resources/hot-category}} | ||
| 21 | - {{/if}} | ||
| 22 | - {{! 热门品牌}} | ||
| 23 | - {{#if appHotBrands}} | ||
| 24 | - {{> resources/hot-brands-list}} | ||
| 25 | - {{/if}} | ||
| 26 | - {{! 热门品牌可滑动}} | ||
| 27 | - {{#if customBrands}} | ||
| 28 | - {{> resources/hot-brands-swipe}} | ||
| 29 | - {{/if}} | ||
| 30 | - {{! 潮人搭配}} | ||
| 31 | - {{#if trendsetterCollocation}} | ||
| 32 | - {{> resources/trendsetter-collocation}} | ||
| 33 | - {{/if}} | ||
| 34 | - {{! 潮流话题}} | ||
| 35 | - {{#if trendgoodsTopic}} | ||
| 36 | - {{> resources/trend-topics}} | ||
| 37 | - {{/if}} | ||
| 38 | - {{! 潮流时装/经典裤裙/时尚靴履/潮人配饰/潮流上装}} | ||
| 39 | - {{#if recommendContentOne}} | ||
| 40 | - {{> resources/goods-category}} | ||
| 41 | - {{/if}} | ||
| 42 | - {{! 新入住品牌/品味生活/创意生活}} | ||
| 43 | - {{#if recommendContentTwo}} | ||
| 44 | - {{> resources/creative-life}} | ||
| 45 | - {{/if}} | ||
| 46 | - {{! PLUS}} | ||
| 47 | - {{#if singleNameImage}} | ||
| 48 | - {{> resources/plus-star}} | ||
| 49 | - {{/if}} | ||
| 50 | - {{! 新人专享}} | ||
| 51 | - {{#if newUserFloor}} | ||
| 52 | - {{> resources/fresh-only}} | ||
| 53 | - {{/if}} | ||
| 54 | -{{/ content}} |
| 1 | <div class="icons-wrapper"> | 1 | <div class="icons-wrapper"> |
| 2 | <ul class="icons-list clearfix"> | 2 | <ul class="icons-list clearfix"> |
| 3 | {{#data}} | 3 | {{#data}} |
| 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> | 4 | + <li class="icons-item item-{{../data.length}}"><a href="{{url}}" class="imagebar"><img src="{{image src 98 98}}" alt=""></a><a href="{{url}}" class="linkbar">{{title}}</a></li> |
| 5 | {{/data}} | 5 | {{/data}} |
| 6 | </ul> | 6 | </ul> |
| 7 | </div> | 7 | </div> |
| @@ -3,42 +3,46 @@ | @@ -3,42 +3,46 @@ | ||
| 3 | padding: 30px 0 16px; | 3 | padding: 30px 0 16px; |
| 4 | background: #fff; | 4 | background: #fff; |
| 5 | border-bottom: 1px solid #e0e0e0; | 5 | border-bottom: 1px solid #e0e0e0; |
| 6 | -} | ||
| 7 | - | ||
| 8 | -.icons-item { | ||
| 9 | - float: left; | ||
| 10 | - margin-bottom: 10px; | ||
| 11 | - width: 25%; | ||
| 12 | - height: 146px; | ||
| 13 | - text-align: center; | ||
| 14 | -} | ||
| 15 | 6 | ||
| 16 | -.imagebar { | ||
| 17 | - display: block; | ||
| 18 | - margin: 0 auto; | ||
| 19 | - text-align: center; | ||
| 20 | - width: 98px; | ||
| 21 | - height: 98px; | ||
| 22 | - line-height: 98px; | ||
| 23 | - box-sizing: border-box; | ||
| 24 | - overflow: hidden; | 7 | + .icons-item { |
| 8 | + float: left; | ||
| 9 | + margin-bottom: 10px; | ||
| 10 | + width: 20%; | ||
| 11 | + height: 146px; | ||
| 12 | + text-align: center; | ||
| 25 | 13 | ||
| 26 | - img { | ||
| 27 | - width: 100%; | ||
| 28 | - height: 100%; | 14 | + &.item-8 { |
| 15 | + width: 25%; | ||
| 16 | + } | ||
| 29 | } | 17 | } |
| 30 | -} | ||
| 31 | 18 | ||
| 32 | -.linkbar { | ||
| 33 | - display: block; | ||
| 34 | - line-height: 44px; | ||
| 35 | - font-size: 24px; | ||
| 36 | - color: #444; | 19 | + .imagebar { |
| 20 | + display: block; | ||
| 21 | + margin: 0 auto; | ||
| 22 | + text-align: center; | ||
| 23 | + width: 98px; | ||
| 24 | + height: 98px; | ||
| 25 | + line-height: 98px; | ||
| 26 | + box-sizing: border-box; | ||
| 27 | + overflow: hidden; | ||
| 28 | + | ||
| 29 | + img { | ||
| 30 | + width: 100%; | ||
| 31 | + height: 100%; | ||
| 32 | + } | ||
| 33 | + } | ||
| 37 | 34 | ||
| 38 | - &:visited, | ||
| 39 | - &:link, | ||
| 40 | - &:active, | ||
| 41 | - &:hover { | 35 | + .linkbar { |
| 36 | + display: block; | ||
| 37 | + line-height: 44px; | ||
| 38 | + font-size: 24px; | ||
| 42 | color: #444; | 39 | color: #444; |
| 40 | + | ||
| 41 | + &:visited, | ||
| 42 | + &:link, | ||
| 43 | + &:active, | ||
| 44 | + &:hover { | ||
| 45 | + color: #444; | ||
| 46 | + } | ||
| 43 | } | 47 | } |
| 44 | } | 48 | } |
-
Please register or login to post a comment