fe / yohobuy-mobile · Commits

Go to a project

Authored by 2586703@qq.com
Commit 5d4b39ad37a60f073b4d272ffe130e274be25a12 1 parent 329bbd79

kids css html

Inline Side-by-side
Showing 8 changed files with 199 additions and 4 deletions
... ... @@ -108,6 +108,43 @@ module.exports = {
}]
}
}, {
fineBrands: {
name: '优选品牌',
brands: [{
url: '',
img: 'http://img11.static.yhbimg.com/brandLogo/2014/12/24/17/010c9d590aa72776d6fa9c7b29c0dbf02e.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'Front Row Shop'
}, {
url: '',
img: 'http://img13.static.yhbimg.com/brandLogo/2014/01/27/11/02760471b3fdea1e82e7abfe9155e8654f.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'dress lab'
}, {
url: '',
img: 'http://img13.static.yhbimg.com/brandLogo/2014/03/04/15/029db86af0b2902805aabc953627bcbb12.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'DEVIL NUT'
}, {
url: '',
img: 'http://img11.static.yhbimg.com/brandLogo/2014/11/05/09/0157535787c0ad76cd04756a0351ce5b1f.png?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'casselini'
}, {
url: '',
img: 'http://img10.static.yhbimg.com/brandLogo/2013/07/10/15/0101726da2fcae86fa101dc63583457f1a.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'haso'
}, {
url: '',
img: 'http://img13.static.yhbimg.com/brandLogo/2014/01/10/15/02e40864fc98561c2aac569e4affa3445a.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'EVISU'
}, {
url: '',
img: 'http://img13.static.yhbimg.com/brandLogo/2014/01/10/15/02e40864fc98561c2aac569e4affa3445a.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'EVISU'
}, {
url: '',
img: 'http://img13.static.yhbimg.com/brandLogo/2014/01/10/15/02e40864fc98561c2aac569e4affa3445a.jpg?imageMogr2/thumbnail/100x100/extent/100x100/background/d2hpdGU=/position/center',
name: 'MORE'
}]
}
}, {
hotCategory: {
img: 'http://img13.static.yhbimg.com/adpic/2015/05/07/15/020cfde7eb630474916655cc0e290c68e2.jpg?imageView/2/w/640/h/480',
list: [{
... ... @@ -144,6 +181,57 @@ module.exports = {
url: ''
}]
}
}, {
kidsGoods: {
goods: [{
id: 1,
thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/07/01ebfb219e22770ffb0c2c3a2cbb2b4bef.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'GAWS DIGI 丛林数码印花拼接卫衣',
isLike: false,
price: 1268,
salePrice: 589,
isSale: true,
isFew: true,
isNew: false,
url: '',
likeUrl: ''
}, {
id: 2,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/023d70c59e81ccbfb39404487aaf642da2.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'CLOTtee 撞色连帽外套',
isLike: false,
price: 488,
salePrice: 139,
isSale: true,
isFew: true,
isNew: false,
url: '',
likeUrl: ''
}, {
id: 3,
thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/02/08/02e2d44125e95495e3152aa459fa6b9b0c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'HALFGIRL 插肩棒球服短裙套装',
isLike: true,
price: 478,
salePrice: 208,
isSale: true,
isFew: true,
isNew: false,
url: '',
likeUrl: ''
}, {
id: 4,
thumb: 'http://img12.static.yhbimg.com/goodsimg/2015/03/03/08/022f25fbe177ee12803c522f04fcce06d0.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
isLike: false,
salePrice: 148,
isSale: false,
isFew: false,
isNew: true,
url: '',
likeUrl: ''
}]
}
}],
footer: {
// 已登录
... ...
.fine-brands {
background: #fff;
border-top: 1px solid #e0e0e0;
a {
display: block;
text-decoration: none;
}
.brand {
float: left;
width: 158rem / $pxConvertRem;
height: 174rem / $pxConvertRem;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
.brand-logo {
display: table-cell;
width: 158rem / $pxConvertRem;
height: 130rem / $pxConvertRem;
vertical-align: middle;
img {
display: block;
max-width: 158rem / $pxConvertRem;
max-height: 130rem / $pxConvertRem;
vertical-align: middle;
margin: 0 auto;
}
}
.brand-name {
line-height: 44rem / $pxConvertRem;
font-size: 18rem / $pxConvertRem;
color: #babac2;
text-align: center;
text-decoration: none;
border-bottom: none;
overflow: hidden;
}
}
.brand:nth-child(4n) {
border-right: none;
}
}
\ No newline at end of file
... ...
$pxConvertRem : 40;
@import "compass", "compass/reset";
@import "common/header-download","common/header", "common/banner-top","common/banner-center", "common/side-nav", "common/floor-header", "common/banner-top", "common/banner-bottom", "common/hot-brands", "common/creative-life", "common/plus-star", "common/maybe-like", "common/footer",
@import "common/header-download","common/header", "common/banner-top","common/banner-center", "common/side-nav", "common/floor-header", "common/banner-top", "common/banner-bottom", "common/hot-brands", "common/fine-brands", "common/creative-life", "common/plus-star", "common/maybe-like", "common/footer",
"common/icons-enter","common/trendsetter-collocation",
"common/trend-topics","common/goods-category";
@import "girls/hot-category", "girls/hot-brands";
@import "girls/hot-category", "girls/hot-brands","kids/kids-goods";
body {
font-family: helvetica,Arial,"黑体";
... ...
.kids-goods{
margin: (30rem / $pxConvertRem) 0 0;
padding: 36rem / $pxConvertRem 0 0;
background: #fff;
border-top: 1px solid #e0e0e0;
.title{
padding: 0 0 30rem / $pxConvertRem;
line-height: 32rem / $pxConvertRem;
font-size: 28rem / $pxConvertRem;
border-bottom: 1px solid #f1f1f1;
a{
float: left;
width: 319rem / $pxConvertRem;
text-align: center;
color: #aaa;
}
a.current{
color: #000;
}
a:first-child{
border-right: 1px solid #e6e6e6;
}
}
.goods-list{
padding-left: 15rem / $pxConvertRem;
}
}
\ No newline at end of file
... ...
... ... @@ -33,7 +33,7 @@
{{> common/goods_category}}
{{/ goodsCategory}}
{{! 热门分类}}
{{! 热门品牌}}
{{# hotBrands}}
{{> common/hot_brands}}
{{/ hotBrands}}
... ...
... ... @@ -12,11 +12,20 @@
{{> common/icons_enter}}
{{/ iconsEnter}}
{{! 优选品牌}}
{{# fineBrands}}
{{> common/fine_brands}}
{{/ fineBrands}}
{{! 热门分类}}
{{# hotCategory}}
{{> girls/hot_category}}
{{/ hotCategory}}
{{! 可能喜欢}}
{{# kidsGoods}}
{{> kids/kids_goods}}
{{/ kidsGoods}}
{{/ content}}
</div>
{{/ data}}
\ No newline at end of file
... ...
{{> common/floor_header}}
<ul class="fine-brands clearfix">
{{# brands}}
<li class="brand">
<a href="{{url}}">
<div class="brand-logo">
<img class="lazy" data-original="{{img}}">
</div>
<p class="brand-name">{{name}}</p>
</a>
</li>
{{/ brands}}
</ul>
\ No newline at end of file
... ...
<div class="kids-goods">
<p class="title clearfix">
<a class="current" href="javascript:;">人气单品</a>
<a href="javascript:;">新品到着</a>
</p>
<div class="goods-list clearfix">
{{# goods}}
{{> common/good_info}}
{{/ goods}}
</div>
</div>
\ No newline at end of file
... ...