update channel page to make the channels can be configed and add yohood channel …
…for this page. code review by LZF
Showing
4 changed files
with
36 additions
and
10 deletions
@@ -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 | + } |
static/img/yohood.png
0 → 100755
4.05 KB
@@ -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"></span></a> | ||
23 | - <a href="/girls" class="list-item">女生 <span class="lighter">GIRLS</span> <span class="iconfont right-icon"></span></a> | ||
24 | - <a href="/kids" class="list-item">潮童 <span class="lighter">KIDS</span> <span class="iconfont right-icon"></span></a> | ||
25 | - <a href="/lifestyle" class="list-item">创意生活 <span class="lighter">LIFESTYLE</span> <span class="iconfont right-icon"></span></a> | ||
26 | - </div> | 22 | + {{#channelList}} |
23 | + <a href="{{href}}" class="list-item">{{title}} <span class="lighter">{{entitle}}</span> <span class="iconfont right-icon"></span></a> | ||
24 | + {{/channelList}} | ||
25 | + {{#showYohood}} | ||
26 | + <a href="/yohood" id="yohood" class="list-item"> <span class="iconfont right-icon"></span></a> | ||
27 | + {{/showYohood}} | ||
28 | + </div> | ||
27 | </div> | 29 | </div> |
28 | </div> | 30 | </div> |
29 | </div> | 31 | </div> |
30 | -{{> layout/footer}} | ||
32 | +{{> layout/footer}} |
-
Please register or login to post a comment