fe / yohobuy-node · Commits

Go to a project

Authored by hongweigao
Commit 5beb54392d14dd44edc466cff79f0aa745bb7efa 1 parent a73d0190

auto

Inline Side-by-side
Showing 5 changed files with 125 additions and 2 deletions
... ... @@ -13,7 +13,47 @@ const index = (channel) => {
return Promise.all(apiMethod).then(result => {
var respData = result[0];
respData.slide = {};
respData.slide.list =
[ { bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/17/019af9bc4ebe34c12c2636bb61dd3ae733.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://www.yohobuy.com/special/620_女生分会场.html' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01f7955ebc29b30063a56a7c27d3cc652f.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://list.yohobuy.com/?gender=2,3&p_d=0.01,0.544&age_level=1&order=s_t_desc' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/0105c524af62f4dd96292710cb207b63c7.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://list.yohobuy.com/?productPool=7446' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01d434f80afc91159d6fcfc2eb665ca242.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://sale.yohobuy.com/?specialsale_id=7&gender=2,3' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01c7225420dfb6527956b4614bb77c6ad4.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://list.yohobuy.com/?gender=2,3&msort=1&misort=18,20' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/11/01481cb150935e1b2212739181fc54acfa.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://search.yohobuy.com/?productPool=7484' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/28/14/0135052e676ef60ec4fc340cf277d7f6ee.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
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' },
{ bgColor: '',
src: 'http://img10.static.yhbimg.com/yhb-img01/2016/12/29/15/015fe5a90e4f5c1ea45c77d33c86d233be.jpg?imageView2/{mode}/w/{width}/h/{height}',
title: '',
url: 'http://www.yohobuy.com/special/674_NEWS.html' } ];
respData.recommond = {
name: '为您推荐'
}
respData.newProduct = {
name: '最新上架'
}
return respData;
});
};
... ...
<div class="home-page yoho-page {{pageType}}" data-page="{{pageType}}">
{{> common/path-nav}}
{{! 头部banner}}
{{# slide}}
{{> banner}}
{{/ slide}}
{{#recommond}}
<div class="recommond-floor">
{{> common/floor-header}}
</div>
{{/recommond}}
{{#newProduct}}
<div class="newProduct-floor">
{{> common/floor-header}}
<div class="all-catagory clearfix">
<div class="catagory-text">全部品类</div>
<ul class="catagory-navs clearfix">
<li class="active">
<a target="_blank" href="{{url}}">棉衣</a>
</li>
<li>
<a target="_blank" href="{{url}}">棉衣</a>
</li>
<li>
<a target="_blank" href="{{url}}">棉衣</a>
</li>
<li>
<a target="_blank" href="{{url}}">棉衣</a>
</li>
<li>
<a target="_blank" href="{{url}}">棉衣</a>
</li>
<li>
<a target="_blank" href="{{url}}">棉衣</a>
</li>
</ul>
<div class="catagory-more">
<a target="_blank" href="{{url}}">MORE</a>
</div>
</div>
</div>
{{/newProduct}}
</div>
... ...
/**
* Created by DELL on 2016.12.28.
*/
var $ = require('yoho-jquery'),
lazyLoad = require('yoho-jquery-lazyload');
require('../common');
require('../plugins/slider');
$('.slide-container').slider();
... ...
... ... @@ -14,7 +14,7 @@
@import "shop-index";
@import "students/index";
@import "top-coupon";
@import "new-arrive";
.product-page {
.list-left {
width: 160px;
... ...
.all-catagory {
line-height: 40px;
font-size: 14px;
.catagory-text {
float: left;
font-size: 16px;
color: #d0021b;
font-weight: bold;
padding: 0 15px 0 0;
border-right: 1px solid #000;
}
.catagory-navs {
float: left;
margin-left: 5px;
}
.catagory-navs li {
float: left;
padding: 0 15px;
line-height: 30px;
margin-top: 5px;
&.active {
background: #000;
a {
color: #fff;
}
}
}
.catagory-more {
float: right;
a:hover {
border-bottom: 1px solid #000;
}
}
}
... ...