Authored by ccbikai

首页图标入口资源位修改

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 }