fe / yohobuy-node · Commits

Go to a project

Authored by 阿达
Commit 00cb025a3f5cdedbf6c54d553924214c2d6c475b 1 parent 87fa3868

模板数据

Inline Side-by-side
Showing 6 changed files with 47 additions and 37 deletions
... ... @@ -17,17 +17,17 @@ exports.saleIndex = () => {
page: 'sale',
topBanner: {
list: [{
bannerHeight: 500,
bannerHeight: 450,
href: 'http://www.yoho.cn',
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1130/h/500'
img: 'http://img11.static.yhbimg.com/yhb-img01/2016/05/19/11/01efd5521a2bb695df0bd0f1b9ff982b01.jpg?imageView2/1/w/1150/h/450'
}, {
bannerHeight: 500,
bannerHeight: 450,
href: 'http://www.yoho.cn',
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1130/h/500'
img: 'http://img11.static.yhbimg.com/yhb-img01/2016/05/16/21/0161b59cecf631342068625d33ee6cabbd.jpg?imageView2/1/w/1150/h/450'
}, {
bannerHeight: 500,
bannerHeight: 450,
href: 'http://www.yoho.cn',
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1130/h/500'
img: 'http://img11.static.yhbimg.com/yhb-img01/2016/05/16/21/01e80b25fa38c6d28cd2eb9c24e78a4732.jpg?imageView2/1/w/1150/h/450'
}]
},
... ... @@ -340,13 +340,13 @@ exports.other = () => {
return {
saleList: {
saleBanner: {
bannerHeight: 500,
bannerHeight: 450,
list: [
{
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1000/h/500'
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/16/11/0176c310938764910f7fe5f22c450d3f00.jpg?imageView2/1/w/1150/h/450'
},
{
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1000/h/500'
img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/20/10/01360161e0099b26083b163c5158f93409.jpg?imageView2/1/w/1150/h/450'
}
]
... ...
{{# saleBanner}}
<div class="sale-list-banner" style="height: {{bannerHeight}}px;">
<div class="sale-list-banner" style="height: {{bannerHeight}}px;">
<ul style="height: {{bannerHeight}}px;">
{{# list}}
<li class="banner-img" style="background:url({{img}}) no-repeat top center;"></li>
{{/ list}}
</ul>
</div>
</div>
{{/ saleBanner}}
... ...
// var $ = require('yoho-jquery');
// $navItem = $('.sale-nav li'),
// lazyLoad = require('yoho-jquery-lazyload');
require('../header');
require('sale/banner');
var $ = require('yoho-jquery'),
$navItem = $('.sale-nav li'),
lazyLoad = require('yoho-jquery-lazyload');
require('../header');
require('../index/slider');
require('product');
lazyLoad($('img.lazy'));
$('.slide-container').slider();
$navItem.on('click', function() {
$(this).siblings('.active').removeClass('active');
$(this).addClass('active');
});
... ... @@ -3,6 +3,7 @@ var $ = require('yoho-jquery'),
lazyLoad = require('yoho-jquery-lazyload');
var product = require('./product');
require('./sale/banner');
require('../header');
require('../common/slider');
product.init();
... ...
... ... @@ -51,6 +51,41 @@
overflow: hidden;
}
/*
大banner圆点
*/
.slide-pagination {
font-size: 0;
.slide-shade {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.3;
border-radius: 13px;
}
span {
position: relative;
display: inline-block;
margin: 0 7px;
width: 12px;
height: 12px;
background: #fff;
cursor: pointer;
opacity: 0.6;
border-radius: 6px;
z-index: 2;
&.focus {
opacity: 1;
}
}
}
.activity-entry {
margin: 10px 0;
... ...