模板数据

@@ -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;">
-    <ul style="height: {{bannerHeight}}px;">
-        {{# list}}
-            <li class="banner-img" style="background:url({{img}}) no-repeat top center;"></li>
-        {{/ list}}
-    </ul>
-</div>
+    <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>
 {{/ 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;