Showing
3 changed files
with
12 additions
and
62 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,17 +3,20 @@ | @@ -3,17 +3,20 @@ | ||
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 | 6 | ||
8 | -.icons-item { | 7 | + .icons-item { |
9 | float: left; | 8 | float: left; |
10 | margin-bottom: 10px; | 9 | margin-bottom: 10px; |
11 | - width: 25%; | 10 | + width: 20%; |
12 | height: 146px; | 11 | height: 146px; |
13 | text-align: center; | 12 | text-align: center; |
14 | -} | ||
15 | 13 | ||
16 | -.imagebar { | 14 | + &.item-8 { |
15 | + width: 25%; | ||
16 | + } | ||
17 | + } | ||
18 | + | ||
19 | + .imagebar { | ||
17 | display: block; | 20 | display: block; |
18 | margin: 0 auto; | 21 | margin: 0 auto; |
19 | text-align: center; | 22 | text-align: center; |
@@ -27,9 +30,9 @@ | @@ -27,9 +30,9 @@ | ||
27 | width: 100%; | 30 | width: 100%; |
28 | height: 100%; | 31 | height: 100%; |
29 | } | 32 | } |
30 | -} | 33 | + } |
31 | 34 | ||
32 | -.linkbar { | 35 | + .linkbar { |
33 | display: block; | 36 | display: block; |
34 | line-height: 44px; | 37 | line-height: 44px; |
35 | font-size: 24px; | 38 | font-size: 24px; |
@@ -41,4 +44,5 @@ | @@ -41,4 +44,5 @@ | ||
41 | &:hover { | 44 | &:hover { |
42 | color: #444; | 45 | color: #444; |
43 | } | 46 | } |
47 | + } | ||
44 | } | 48 | } |
-
Please register or login to post a comment