Authored by biao

update channel page to make the channels can be configed and add yohood channel …

…for this page. code review by LZF
@@ -1297,3 +1297,27 @@ @@ -1297,3 +1297,27 @@
1297 ] 1297 ]
1298 } 1298 }
1299 1299
  1300 +
  1301 +### 频道选择页
  1302 + {
  1303 + 'channelList' : [
  1304 + {
  1305 + 'href' : '/boys',
  1306 + 'title' : '男生',
  1307 + 'entitle' : 'BOYS',
  1308 + }, {
  1309 + 'href' : '/girls',
  1310 + 'title' : ' 女生',
  1311 + 'entitle' : 'GIRLS',
  1312 + }, {
  1313 + 'href' : '/kids',
  1314 + 'title' : '潮童',
  1315 + 'entitle' : KIDS'',
  1316 + }, {
  1317 + 'href' : '/lifestyle',
  1318 + 'title' : '创意生活',
  1319 + 'entitle' : 'LIFESTYLE',
  1320 + }
  1321 + ],
  1322 + 'showYohood' : true/false
  1323 + }
@@ -117,7 +117,7 @@ @@ -117,7 +117,7 @@
117 overflow: hidden; 117 overflow: hidden;
118 padding: 0 10rem / $pxConvertRem;; 118 padding: 0 10rem / $pxConvertRem;;
119 119
120 - 120 +
121 } 121 }
122 122
123 .index-channel { 123 .index-channel {
@@ -143,7 +143,7 @@ @@ -143,7 +143,7 @@
143 font-size: 16px; 143 font-size: 16px;
144 line-height: 52px; 144 line-height: 52px;
145 color: #fff; 145 color: #fff;
146 - background: #000; 146 + background-color: #000;
147 border: 4px solid #fff; 147 border: 4px solid #fff;
148 font-weight: bold; 148 font-weight: bold;
149 &:last-child { 149 &:last-child {
@@ -162,11 +162,11 @@ @@ -162,11 +162,11 @@
162 .homestyle { 162 .homestyle {
163 margin-bottom: 50rem / $pxConvertRem; 163 margin-bottom: 50rem / $pxConvertRem;
164 width: 287.3rem / $pxConvertRem; 164 width: 287.3rem / $pxConvertRem;
165 - } 165 + }
166 } 166 }
167 } 167 }
168 } 168 }
169 - 169 +
170 } 170 }
171 171
172 @import "search","footer", "error"; 172 @import "search","footer", "error";
@@ -19,12 +19,14 @@ @@ -19,12 +19,14 @@
19 <div class="index-channel"> 19 <div class="index-channel">
20 <img class="img" src="{{background}}"> 20 <img class="img" src="{{background}}">
21 <div class="index-channel-list"> 21 <div class="index-channel-list">
22 - <a href="/boys" class="list-item">男生 <span class="lighter">BOYS</span> <span class="iconfont right-icon">&#xe614;</span></a>  
23 - <a href="/girls" class="list-item">女生 <span class="lighter">GIRLS</span> <span class="iconfont right-icon">&#xe614;</span></a>  
24 - <a href="/kids" class="list-item">潮童 <span class="lighter">KIDS</span> <span class="iconfont right-icon">&#xe614;</span></a>  
25 - <a href="/lifestyle" class="list-item">创意生活 <span class="lighter">LIFESTYLE</span> <span class="iconfont right-icon">&#xe614;</span></a>  
26 - </div> 22 + {{#channelList}}
  23 + <a href="{{href}}" class="list-item">{{title}} <span class="lighter">{{entitle}}</span> <span class="iconfont right-icon">&#xe614;</span></a>
  24 + {{/channelList}}
  25 + {{#showYohood}}
  26 + <a href="/yohood" id="yohood" class="list-item"> <span class="iconfont right-icon">&#xe614;</span></a>
  27 + {{/showYohood}}
  28 + </div>
27 </div> 29 </div>
28 </div> 30 </div>
29 </div> 31 </div>
30 -{{> layout/footer}}  
  32 +{{> layout/footer}}