单品日

@@ -4,7 +4,7 @@
  * @date: 2016/10/17
  */
 'use strict';
-const singleDayModel = require('../models/live');
+const singleDayModel = require('../models/singleDay');
 const headerModel = require('../../../doraemon/models/header'); // 头部model
 
 const singleDay = (req, res) => {

@@ -4,9 +4,24 @@
  * @date: 2016/10/17
  */
 'use strict';
+const utils = '../../../utils';
+const logger = global.yoho.logger;
+const serviceAPI = global.yoho.ServiceAPI;
+const resourcesProcess = require(`${utils}/resources-process`);
 
 const getResourceData = () => {
-
+    return serviceAPI.get('operations/api/v5/resource/get', {
+        content_code: '345c80537dca15611f37ae4863004bfe'
+    }, {
+        cache: true
+    }).then((result) => {
+        if (result && result.code === 200) {
+            return resourcesProcess(result.data);
+        } else {
+            logger.error('resource code no 200');
+            return [];
+        }
+    });
 };
 
 module.exports = {

@@ -84,6 +84,7 @@ router.post('/vip-day/signin.json', vipDay.beforeIn, vipDay.signin);
 router.post('/vip-day/msg/save.json', vipDay.beforeIn, vipDay.saveMsg);
 router.get('/vip-day/msg/fetch.json', vipDay.fetchMsg);
 router.get('/single-day', singleDay.singleDay);
+router.get('/single-day/getResourceData', singleDay.getResourceData);
 
 
 module.exports = router;

@@ -2,7 +2,7 @@
     <div class="banner"></div>
     <div class="swiper-tab">
         <ul class="swiper-wrapper">
-            <li class="swiper-slide active">联名限定</li>
+            <li class="swiper-slide">联名限定</li>
             <li class="swiper-slide">首发</li>
             <li class="swiper-slide">热卖</li>
             <li class="swiper-slide">明星单品</li>
@@ -20,6 +20,15 @@
                     <p class="info-txt">#Yoho!Buy限定联名T恤#</p>
                 </div>
             </li>
+            <li>
+                <img src=""/>
+                <div class="product-info">
+                    <h3>AVIREX L-2 PATCH YING TIGERS男款上海别注夹克</h3>
+                    <p class="prompt-info">下单后25个工作日发货</p>
+                    <p class="price"><span class="sale-price">¥589</span><span class="market-price">¥1234</span></p>
+                    <p class="info-txt">#Yoho!Buy限定联名T恤#</p>
+                </div>
+            </li>
         </ul>
     </div>
 </div>

@@ -3,10 +3,41 @@
  * @author: wsl<shuiling.wang@yoho.cn>
  * @date: 2016/10/17
  */
-// var $ = require('yoho-jquery'),
+var $ = require('yoho-jquery'),
+    tip = require('../plugin/tip'),
+    Swiper = require('yoho-swiper'),
+    banner = require('../../template/resources/banner-top.hbs');
 
- var Swiper = require('yoho-swiper');
+var hash = window.location.hash.replace('#', '');
 
- new Swiper('.swiper-tab', {
-     slidesPerView: 'auto'
- });
+$.ajax({
+    type: 'GET',
+    url: '/activity/single-day/getResourceData',
+    success: function(data) {
+        if (data) {
+            $('.banner').append(banner(data[0]));
+
+            if ($('.banner-swiper').find('li').size() > 1) {
+                new Swiper('.banner-swiper', {
+                    lazyLoading: true,
+                    lazyLoadingInPrevNext: true,
+                    loop: true,
+                    autoplay: 3000,
+                    autoplayDisableOnInteraction: false,
+                    paginationClickable: true,
+                    slideElement: 'li',
+                    pagination: '.banner-top .pagination-inner'
+                });
+            }
+        }
+    },
+    error: function() {
+        tip.show('网络断开连接了~');
+    }
+});
+
+$('.swiper-tab li').eq(hash).addClass('active');
+
+new Swiper('.swiper-tab', {
+    slidesPerView: 'auto'
+});

+module.exports = function(url, width, height, mode) {
+    mode = !isNaN(mode) ? mode : 2;
+    url = url || '';
+    url = url.replace(/{width}/g, width).replace(/{height}/g, height).replace(/{mode}/g, mode);
+    if (url.indexOf('imageView2') > 0) {
+        url += '/q/70';
+    }
+    return url.replace('http:', '');
+};

 .single-day-page {
+    overflow: hidden;
+
     .banner {
         width: 100%;
-        height: 235px;
     }
 
     .swiper-tab {
@@ -42,6 +43,10 @@
         }
 
         li {
+            margin-bottom: 13px;
+            height: auto;
+            overflow: hidden;
+
             img {
                 width: 274px;
                 height: 368px;

+<div class="banner-top">
+    <div class="banner-swiper swiper-container">
+        <ul class="swiper-wrapper">
+            {{#each data}}
+                {{#if @first}}
+                <li class="swiper-slide">
+                    <a href="{{url}}">
+                        <img src="{{image src 640 240}}">
+                    </a>
+                </li>
+                {{^}}
+                <li class="swiper-slide">
+                    <a href="{{url}}">
+                        <img class="swiper-lazy" data-src="{{image src 640 240}}">
+                    </a>
+                    <div class="swiper-lazy-preloader"></div>
+                </li>
+                {{/if}}
+            {{/each}}
+        </ul>
+    </div>
+    <div class="swiper-pagination">
+        <div class="pagination-inner">
+        </div>
+    </div>
+</div>

@@ -41,7 +41,11 @@ module.exports = {
     },
     module: {
         loaders: [
-            {test: /\.hbs$/, loader: 'handlebars-loader'}
+            {test: /\.hbs$/, loader: 'handlebars-loader', query: {
+                helperDirs: [
+                    path.join(__dirname, '/js/common/helpers')
+                ]
+            }}
         ]
     },
     resolve: {
@@ -49,7 +53,8 @@ module.exports = {
             js: path.join(__dirname, './js'),
             common: path.join(__dirname, 'js/common'),
             plugin: path.join(__dirname, 'js/plugin'),
-            js: path.join(__dirname, 'js/'),
+
+            // js: path.join(__dirname, 'js/'),
             template: path.join(__dirname, './template')
         }
     },