Authored by 阿达

模板数据

@@ -17,17 +17,17 @@ exports.saleIndex = () => { @@ -17,17 +17,17 @@ exports.saleIndex = () => {
17 page: 'sale', 17 page: 'sale',
18 topBanner: { 18 topBanner: {
19 list: [{ 19 list: [{
20 - bannerHeight: 500, 20 + bannerHeight: 450,
21 href: 'http://www.yoho.cn', 21 href: 'http://www.yoho.cn',
22 - img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1130/h/500' 22 + img: 'http://img11.static.yhbimg.com/yhb-img01/2016/05/19/11/01efd5521a2bb695df0bd0f1b9ff982b01.jpg?imageView2/1/w/1150/h/450'
23 }, { 23 }, {
24 - bannerHeight: 500, 24 + bannerHeight: 450,
25 href: 'http://www.yoho.cn', 25 href: 'http://www.yoho.cn',
26 - img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1130/h/500' 26 + img: 'http://img11.static.yhbimg.com/yhb-img01/2016/05/16/21/0161b59cecf631342068625d33ee6cabbd.jpg?imageView2/1/w/1150/h/450'
27 }, { 27 }, {
28 - bannerHeight: 500, 28 + bannerHeight: 450,
29 href: 'http://www.yoho.cn', 29 href: 'http://www.yoho.cn',
30 - img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1130/h/500' 30 + img: 'http://img11.static.yhbimg.com/yhb-img01/2016/05/16/21/01e80b25fa38c6d28cd2eb9c24e78a4732.jpg?imageView2/1/w/1150/h/450'
31 }] 31 }]
32 }, 32 },
33 33
@@ -340,13 +340,13 @@ exports.other = () => { @@ -340,13 +340,13 @@ exports.other = () => {
340 return { 340 return {
341 saleList: { 341 saleList: {
342 saleBanner: { 342 saleBanner: {
343 - bannerHeight: 500, 343 + bannerHeight: 450,
344 list: [ 344 list: [
345 { 345 {
346 - img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1000/h/500' 346 + img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/16/11/0176c310938764910f7fe5f22c450d3f00.jpg?imageView2/1/w/1150/h/450'
347 }, 347 },
348 { 348 {
349 - img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/13/19/0144078a008a5dc2be52a6ec65c74c1f2c.jpg?imageView2/1/w/1000/h/500' 349 + img: 'http://img10.static.yhbimg.com/yhb-img01/2016/05/20/10/01360161e0099b26083b163c5158f93409.jpg?imageView2/1/w/1150/h/450'
350 } 350 }
351 ] 351 ]
352 352
1 {{# saleBanner}} 1 {{# saleBanner}}
2 -<div class="sale-list-banner" style="height: {{bannerHeight}}px;">  
3 - <ul style="height: {{bannerHeight}}px;">  
4 - {{# list}}  
5 - <li class="banner-img" style="background:url({{img}}) no-repeat top center;"></li>  
6 - {{/ list}}  
7 - </ul>  
8 -</div> 2 + <div class="sale-list-banner" style="height: {{bannerHeight}}px;">
  3 + <ul style="height: {{bannerHeight}}px;">
  4 + {{# list}}
  5 + <li class="banner-img" style="background:url({{img}}) no-repeat top center;"></li>
  6 + {{/ list}}
  7 + </ul>
  8 + </div>
9 {{/ saleBanner}} 9 {{/ saleBanner}}
1 -// var $ = require('yoho-jquery');  
2 -// $navItem = $('.sale-nav li'),  
3 -// lazyLoad = require('yoho-jquery-lazyload');  
4 -  
5 -require('../header');  
6 -require('sale/banner');  
7 -  
8 -  
9 -  
1 -var $ = require('yoho-jquery'),  
2 - $navItem = $('.sale-nav li'),  
3 - lazyLoad = require('yoho-jquery-lazyload');  
4 -  
5 -require('../header');  
6 -require('../index/slider');  
7 -require('product');  
8 -  
9 -lazyLoad($('img.lazy'));  
10 -$('.slide-container').slider();  
11 -  
12 -$navItem.on('click', function() {  
13 - $(this).siblings('.active').removeClass('active');  
14 - $(this).addClass('active');  
15 -});  
16 -  
17 -  
@@ -3,6 +3,7 @@ var $ = require('yoho-jquery'), @@ -3,6 +3,7 @@ var $ = require('yoho-jquery'),
3 lazyLoad = require('yoho-jquery-lazyload'); 3 lazyLoad = require('yoho-jquery-lazyload');
4 var product = require('./product'); 4 var product = require('./product');
5 5
  6 +require('./sale/banner');
6 require('../header'); 7 require('../header');
7 require('../common/slider'); 8 require('../common/slider');
8 product.init(); 9 product.init();
@@ -51,6 +51,41 @@ @@ -51,6 +51,41 @@
51 overflow: hidden; 51 overflow: hidden;
52 } 52 }
53 53
  54 + /*
  55 + 大banner圆点
  56 + */
  57 + .slide-pagination {
  58 + font-size: 0;
  59 +
  60 + .slide-shade {
  61 + position: absolute;
  62 + left: 0;
  63 + right: 0;
  64 + top: 0;
  65 + bottom: 0;
  66 + background: #000;
  67 + opacity: 0.3;
  68 + border-radius: 13px;
  69 + }
  70 +
  71 + span {
  72 + position: relative;
  73 + display: inline-block;
  74 + margin: 0 7px;
  75 + width: 12px;
  76 + height: 12px;
  77 + background: #fff;
  78 + cursor: pointer;
  79 + opacity: 0.6;
  80 + border-radius: 6px;
  81 + z-index: 2;
  82 +
  83 + &.focus {
  84 + opacity: 1;
  85 + }
  86 + }
  87 + }
  88 +
54 .activity-entry { 89 .activity-entry {
55 margin: 10px 0; 90 margin: 10px 0;
56 91