Showing
6 changed files
with
52 additions
and
42 deletions
@@ -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}} |
public/js/product/product.sale.js
deleted
100644 → 0
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 |
-
Please register or login to post a comment