fe / yohobuy-frontend · Commits

Go to a project

Authored by xuqi
Commit d2bffca44abf984f51416adbc3ca7907f4064f9b 1 parent 210ab68a

模板页面去除销量的排序

Inline Side-by-side
Showing 4 changed files with 49 additions and 250 deletions
... ... @@ -332,168 +332,6 @@ module.exports = function(flag) {
url: ''
}
]
},
{
thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/clothe.png',
type: 'dress',
products: [
{
id: 1,
thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/09/0139514beb37bf2bf321eafd1a915117f5.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: ''
},
{
id: 2,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.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: ''
},
{
id: 3,
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: 'HALFGIRL 插肩棒球服短裙套装',
isLike: true,
price: 478,
salePrice: 208,
isSale: true,
isFew: true,
isNew: false,
url: ''
},
{
id: 4,
thumb: 'http://img10.static.yhbimg.com/goodsimg/2015/01/08/07/012f23fc2390ccd634082d34cc2982bf4c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
isLike: false,
price: 589,
salePrice: 148,
isSale: false,
isFew: false,
isNew: true,
url: ''
}
]
},
{
thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/sm.png',
type: 'watch',
products: [
{
id: 1,
thumb: 'http://img10.static.yhbimg.com/goodsimg/2015/01/08/07/012f23fc2390ccd634082d34cc2982bf4c.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: ''
},
{
id: 2,
thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/09/0139514beb37bf2bf321eafd1a915117f5.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: ''
},
{
id: 3,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.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: ''
},
{
id: 4,
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: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
isLike: false,
price: 589,
salePrice: 148,
isSale: false,
isFew: false,
isNew: true,
url: ''
}
]
},
{
thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/clothe.png',
type: 'pants',
products: [
{
id: 1,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.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: ''
},
{
id: 2,
thumb: 'http://img10.static.yhbimg.com/goodsimg/2015/01/08/07/012f23fc2390ccd634082d34cc2982bf4c.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: ''
},
{
id: 3,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/03/08/0244a127c89c1f77ab47f55891e45be1e6.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: ''
},
{
id: 4,
thumb: 'http://img11.static.yhbimg.com/goodsimg/2015/03/02/09/0139514beb37bf2bf321eafd1a915117f5.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: '黄伟文Wyman X yohood联名商品YYYOHOOD连帽卫衣',
isLike: false,
price: 589,
salePrice: 148,
isSale: false,
isFew: false,
isNew: true,
url: ''
}
]
}
]
}
... ... @@ -700,8 +538,6 @@ module.exports = function(flag) {
'品牌而闻名，包括了CHANEL、ROLEX、Cartier等等。Ssur的创办人是艺术家' +
'Russell, ssur就是其名字反过来写。剩余的位置为了测试文字截取功能是我不' +
'得以而添加的，呵呵哒',
clientType: 'h5',
gender: 1,
newArrival: {
moreUrl: '',
naList: [
... ... @@ -782,82 +618,6 @@ module.exports = function(flag) {
}
]
};
//ps异步加载的资讯
case 'dataInfo':
return [
{
id: 1,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
title: '1.副线不知为何总是好看点',
content: '具有绅士气质的英伦风格是永走前沿的经典，在众多的Made ' +
'In England中Panul Smith缔造了一个传奇',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 23,
share: true,
url: ''
},
{
id: 2,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
title: '2.副线不知为何总是好看点',
content: '具有绅士气质的英伦风格是永走前沿的经典，在众多的Made ' +
'In England中Panul Smith缔造了一个传奇',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 23,
share: true,
url: ''
},
{
id: 3,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
title: '3.副线不知为何总是好看点',
content: '具有绅士气质的英伦风格是永走前沿的经典，在众多的Made ' +
'In England中Panul Smith缔造了一个传奇',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 23,
share: true,
url: ''
},
{
id: 4,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
title: '4.副线不知为何总是好看点',
content: '具有绅士气质的英伦风格是永走前沿的经典，在众多的Made ' +
'In England中Panul Smith缔造了一个传奇',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 23,
share: true,
url: ''
},
{
id: 5,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
title: '5.副线不知为何总是好看点',
content: '具有绅士气质的英伦风格是永走前沿的经典，在众多的Made ' +
'In England中Panul Smith缔造了一个传奇',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 23,
share: true,
url: ''
},
{
id: 6,
img: 'http://7xidk0.com1.z0.glb.clouddn.com/bg.png',
title: '6.副线不知为何总是好看点',
content: '具有绅士气质的英伦风格是永走前沿的经典，在众多的Made ' +
'In England中Panul Smith缔造了一个传奇',
publishTime: '2月13日 12:34',
pageView: 3445,
like: 23,
share: true,
url: ''
}
];
//模板页数据
case 'tpl':
return {
... ... @@ -900,6 +660,16 @@ module.exports = function(flag) {
thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/logo.png',
name: 'holymoly',
url: ''
},
{
thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/logo.png',
name: 'HALFGIRL',
url: ''
},
{
thumb: 'http://7xidk0.com1.z0.glb.clouddn.com/logo.png',
name: '黄伟文Wyman',
url: ''
}
]
}
... ... @@ -934,6 +704,38 @@ module.exports = function(flag) {
price: 488,
salePrice: 139,
url: ''
},
{
id: 1,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'G-Star白色后腰拉链款男士牛仔裤',
price: 488,
salePrice: 139,
url: ''
},
{
id: 1,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'G-Star白色后腰拉链款男士牛仔裤',
price: 488,
salePrice: 139,
url: ''
},
{
id: 1,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'G-Star白色后腰拉链款男士牛仔裤',
price: 488,
salePrice: 139,
url: ''
},
{
id: 1,
thumb: 'http://img13.static.yhbimg.com/goodsimg/2015/03/02/08/023f696cf1ae78688bc6c8edeccc480c2c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
name: 'G-Star白色后腰拉链款男士牛仔裤',
price: 488,
salePrice: 139,
url: ''
}
]
}
... ...
... ... @@ -265,8 +265,7 @@ exports.init = function() {
$cur.toggleClass('focus');
} else {
if ($cur.hasClass('focus')) {
if (!$cur.hasClass('new-patterns-nav')) {
//销量和价格
if ($cur.hasClass('price-nav')) {
toggleSort($cur);
}
return;
... ...
... ... @@ -83,7 +83,11 @@
width: 140rem / $pxConvertRem;
border-left: 1px solid #e0e0e0;
font-size: 35rem / $pxConvertRem;
&.sales-volume-nav {
padding-left: 0.3rem;
}
&:first-child {
border-left: none;
}
... ...
... ... @@ -36,13 +36,7 @@
<div class="goods-container">
<ul id="goods-nav" class="goods-nav">
<li class="nav-item new-patterns-nav focus">最新</li>
<li class="nav-item sales-volume-nav">
销量
<span class="sort">
<i class="up iconfont">&#xe608;</i>
<i class="down iconfont cur">&#xe609;</i>
</span>
</li>
<li class="nav-item sales-volume-nav">销量</li>
<li class="nav-item price-nav">
价格
<span class="sort">
... ...