Showing
5 changed files
with
125 additions
and
2 deletions
@@ -13,7 +13,47 @@ const index = (channel) => { | @@ -13,7 +13,47 @@ const index = (channel) => { | ||
13 | 13 | ||
14 | return Promise.all(apiMethod).then(result => { | 14 | return Promise.all(apiMethod).then(result => { |
15 | var respData = result[0]; | 15 | var respData = result[0]; |
16 | + respData.slide = {}; | ||
17 | + respData.slide.list = | ||
18 | + [ { bgColor: '', | ||
19 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/17/019af9bc4ebe34c12c2636bb61dd3ae733.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
20 | + title: '', | ||
21 | + url: 'http://www.yohobuy.com/special/620_女生分会场.html' }, | ||
22 | + { bgColor: '', | ||
23 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01f7955ebc29b30063a56a7c27d3cc652f.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
24 | + title: '', | ||
25 | + url: 'http://list.yohobuy.com/?gender=2,3&p_d=0.01,0.544&age_level=1&order=s_t_desc' }, | ||
26 | + { bgColor: '', | ||
27 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/0105c524af62f4dd96292710cb207b63c7.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
28 | + title: '', | ||
29 | + url: 'http://list.yohobuy.com/?productPool=7446' }, | ||
30 | + { bgColor: '', | ||
31 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01d434f80afc91159d6fcfc2eb665ca242.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
32 | + title: '', | ||
33 | + url: 'http://sale.yohobuy.com/?specialsale_id=7&gender=2,3' }, | ||
34 | + { bgColor: '', | ||
35 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01c7225420dfb6527956b4614bb77c6ad4.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
36 | + title: '', | ||
37 | + url: 'http://list.yohobuy.com/?gender=2,3&msort=1&misort=18,20' }, | ||
38 | + { bgColor: '', | ||
39 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01481cb150935e1b2212739181fc54acfa.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
40 | + title: '', | ||
41 | + url: 'http://search.yohobuy.com/?productPool=7484' }, | ||
42 | + { bgColor: '', | ||
43 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/14/0135052e676ef60ec4fc340cf277d7f6ee.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
44 | + title: '', | ||
45 | + url: 'http://list.yohobuy.com/?gender=2,3&msort=1,3,4,6,7,8,308&brand=570,256,2258,450,481,614,701,678,824,257,689,893,350,464&price=99,9999' }, | ||
46 | + { bgColor: '', | ||
47 | + src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/29/15/015fe5a90e4f5c1ea45c77d33c86d233be.jpg?imageView2/{mode}/w/{width}/h/{height}', | ||
48 | + title: '', | ||
49 | + url: 'http://www.yohobuy.com/special/674_NEWS.html' } ]; | ||
16 | 50 | ||
51 | + respData.recommond = { | ||
52 | + name: '为您推荐' | ||
53 | + } | ||
54 | + respData.newProduct = { | ||
55 | + name: '最新上架' | ||
56 | + } | ||
17 | return respData; | 57 | return respData; |
18 | }); | 58 | }); |
19 | }; | 59 | }; |
1 | <div class="home-page yoho-page {{pageType}}" data-page="{{pageType}}"> | 1 | <div class="home-page yoho-page {{pageType}}" data-page="{{pageType}}"> |
2 | + {{> common/path-nav}} | ||
2 | 3 | ||
3 | {{! 头部banner}} | 4 | {{! 头部banner}} |
4 | {{# slide}} | 5 | {{# slide}} |
5 | {{> banner}} | 6 | {{> banner}} |
6 | {{/ slide}} | 7 | {{/ slide}} |
7 | - | 8 | + {{#recommond}} |
9 | + <div class="recommond-floor"> | ||
10 | + {{> common/floor-header}} | ||
11 | + </div> | ||
12 | + {{/recommond}} | ||
13 | + {{#newProduct}} | ||
14 | + <div class="newProduct-floor"> | ||
15 | + {{> common/floor-header}} | ||
16 | + <div class="all-catagory clearfix"> | ||
17 | + <div class="catagory-text">全部品类</div> | ||
18 | + <ul class="catagory-navs clearfix"> | ||
19 | + <li class="active"> | ||
20 | + <a target="_blank" href="{{url}}">棉衣</a> | ||
21 | + </li> | ||
22 | + <li> | ||
23 | + <a target="_blank" href="{{url}}">棉衣</a> | ||
24 | + </li> | ||
25 | + <li> | ||
26 | + <a target="_blank" href="{{url}}">棉衣</a> | ||
27 | + </li> | ||
28 | + <li> | ||
29 | + <a target="_blank" href="{{url}}">棉衣</a> | ||
30 | + </li> | ||
31 | + <li> | ||
32 | + <a target="_blank" href="{{url}}">棉衣</a> | ||
33 | + </li> | ||
34 | + <li> | ||
35 | + <a target="_blank" href="{{url}}">棉衣</a> | ||
36 | + </li> | ||
37 | + </ul> | ||
38 | + <div class="catagory-more"> | ||
39 | + <a target="_blank" href="{{url}}">MORE</a> | ||
40 | + </div> | ||
41 | + </div> | ||
42 | + </div> | ||
43 | + {{/newProduct}} | ||
8 | </div> | 44 | </div> |
@@ -14,7 +14,7 @@ | @@ -14,7 +14,7 @@ | ||
14 | @import "shop-index"; | 14 | @import "shop-index"; |
15 | @import "students/index"; | 15 | @import "students/index"; |
16 | @import "top-coupon"; | 16 | @import "top-coupon"; |
17 | - | 17 | +@import "new-arrive"; |
18 | .product-page { | 18 | .product-page { |
19 | .list-left { | 19 | .list-left { |
20 | width: 160px; | 20 | width: 160px; |
public/scss/product/_new-arrive.css
0 → 100644
1 | +.all-catagory { | ||
2 | + line-height: 40px; | ||
3 | + font-size: 14px; | ||
4 | + | ||
5 | + .catagory-text { | ||
6 | + float: left; | ||
7 | + font-size: 16px; | ||
8 | + color: #d0021b; | ||
9 | + font-weight: bold; | ||
10 | + padding: 0 15px 0 0; | ||
11 | + border-right: 1px solid #000; | ||
12 | + } | ||
13 | + | ||
14 | + .catagory-navs { | ||
15 | + float: left; | ||
16 | + margin-left: 5px; | ||
17 | + } | ||
18 | + | ||
19 | + .catagory-navs li { | ||
20 | + float: left; | ||
21 | + padding: 0 15px; | ||
22 | + line-height: 30px; | ||
23 | + margin-top: 5px; | ||
24 | + | ||
25 | + &.active { | ||
26 | + background: #000; | ||
27 | + | ||
28 | + a { | ||
29 | + color: #fff; | ||
30 | + } | ||
31 | + } | ||
32 | + } | ||
33 | + | ||
34 | + .catagory-more { | ||
35 | + float: right; | ||
36 | + | ||
37 | + a:hover { | ||
38 | + border-bottom: 1px solid #000; | ||
39 | + } | ||
40 | + } | ||
41 | +} |
-
Please register or login to post a comment