Authored by 梁志锋

product desc

1 -///**  
2 -// * 商品详情  
3 -// * @author: liangzhifeng<zhifeng.liang@yoho.cn>  
4 -// * @date: 2015/11/18  
5 -// */  
6 -//var $ = require('jquery'),  
7 -// Hammer = require('yoho.hammer'),  
8 -// lazyLoad = require('yoho.lazyload');  
9 -//  
10 -//var loading = require('../../plugin/loading');  
11 -//  
12 -//var navHammer,  
13 -// winH = $(window).height(),  
14 -// searching = false,  
15 -// num,  
16 -// url;  
17 -//  
18 -//function scrollHandler() {  
19 -// if ($(window).scrollTop() + winH >= $(document).height() - 50) {  
20 -// //search();  
21 -// }  
22 -//}  
23 -//  
24 -//function search() {  
25 -// if (searching) {  
26 -// return;  
27 -// }  
28 -// searching = true;  
29 -//  
30 -// loading.showLoadingMask();  
31 -//  
32 -// //num = $goodList.find('.good-info').length;  
33 -// $.ajax({  
34 -// type: 'GET',  
35 -// url: url,  
36 -// data: {  
37 -// page: page + 1  
38 -// },  
39 -// success: function(data) {  
40 -//  
41 -// num = $goodList.find('.good-info').length;  
42 -//  
43 -// $goodList.append(data);  
44 -//  
45 -// // 2015/10/31 fei.hong: 修复第一页分页不显示图片的问题  
46 -// if (num === 0) {  
47 -// lazyLoad($goodList.find('.good-info').find('img.lazy'));  
48 -// } else {  
49 -// lazyLoad($goodList.find('.good-info:gt(' + (num - 1) + ')').find('img.lazy'));  
50 -// }  
51 -//  
52 -// searching = false;  
53 -// loading.hideLoadingMask();  
54 -// page++;  
55 -// },  
56 -// error: function() {  
57 -// tip.show('网络断开连接了~');  
58 -// searching = false;  
59 -// loading.hideLoadingMask();  
60 -// }  
61 -// });  
62 -//}  
63 -//  
64 -////srcoll to load more  
65 -//$(window).scroll(function () {  
66 -// window.requestAnimationFrame(scrollHandler);  
67 -//});  
68 -// 1 +/**
  2 + * 商品详情
  3 + * @author: liangzhifeng<zhifeng.liang@yoho.cn>
  4 + * @date: 2015/11/18
  5 + */
  6 +var $ = require('jquery'),
  7 + Hammer = require('yoho.hammer'),
  8 + lazyLoad = require('yoho.lazyload');
  9 +
  10 +var loading = require('../../plugin/loading');
  11 + tip = require('../../plugin/tip');
  12 +
  13 +var introUrl = $('#introUrl').val(),
  14 + winH = $(window).height(),
  15 + searching = false,
  16 + end = false,
  17 + num;
  18 +
  19 +function scrollHandler() {
  20 + if ($(window).scrollTop() + winH >= $(document).height() - 50) {
  21 + search();
  22 + }
  23 +}
  24 +
  25 +function search() {
  26 + if (searching || end) {
  27 + return;
  28 + }
  29 + searching = true;
  30 +
  31 + loading.showLoadingMask();
  32 +
  33 + $.ajax({
  34 + type: 'GET',
  35 + url: introUrl,
  36 + success: function(data) {
  37 + var $productDesc = $('#productDesc');
  38 + $productDesc.append(data);
  39 +
  40 + lazyLoad($productDesc.find('img.lazy'));
  41 +
  42 + searching = false;
  43 + end = true;
  44 + loading.hideLoadingMask();
  45 + },
  46 + error: function() {
  47 + tip.show('网络断开连接了~');
  48 + searching = false;
  49 + loading.hideLoadingMask();
  50 + }
  51 + });
  52 +}
  53 +
  54 +//srcoll to load more
  55 +$(window).scroll(function () {
  56 + window.requestAnimationFrame(scrollHandler);
  57 +});
  58 +
@@ -76,7 +76,7 @@ @@ -76,7 +76,7 @@
76 <div class="gap-block"></div> 76 <div class="gap-block"></div>
77 77
78 {{# enterStore}} 78 {{# enterStore}}
79 - <div class="enter-store page-block"> 79 + <div id="enter-store" class="enter-store page-block">
80 <a class="store-logo" href="{{url}}" style=""> 80 <a class="store-logo" href="{{url}}" style="">
81 <img class="lazy" data-original="{{img}}" alt="{{storeName}}"> 81 <img class="lazy" data-original="{{img}}" alt="{{storeName}}">
82 </a> 82 </a>
@@ -87,6 +87,8 @@ @@ -87,6 +87,8 @@
87 87
88 <div class="gap-block"></div> 88 <div class="gap-block"></div>
89 89
  90 + <div id="productDesc"></div>
  91 +
90 {{#cartInfo}} 92 {{#cartInfo}}
91 <div class="cart-bar"> 93 <div class="cart-bar">
92 <span class="num-tag">{{numInCart}}</span> 94 <span class="num-tag">{{numInCart}}</span>
@@ -100,5 +102,9 @@ @@ -100,5 +102,9 @@
100 </div> 102 </div>
101 {{/cartInfo}} 103 {{/cartInfo}}
102 104
  105 + {{#if introUrl}}
  106 + <input id="introUrl" type="hidden" value={{introUrl}}>
  107 + {{/if}}
  108 +
103 </div> 109 </div>
104 {{> layout/footer}} 110 {{> layout/footer}}
@@ -7,11 +7,9 @@ @@ -7,11 +7,9 @@
7 </h1> 7 </h1>
8 {{#detail}} 8 {{#detail}}
9 <ul class="detail table clearfix"> 9 <ul class="detail table clearfix">
10 - <!-- <li class="row"> -->  
11 {{#list}} 10 {{#list}}
12 <div class="column">{{param}}</div> 11 <div class="column">{{param}}</div>
13 {{/list}} 12 {{/list}}
14 - <!-- </li> -->  
15 </ul> 13 </ul>
16 {{/detail}} 14 {{/detail}}
17 <div class="desc-text">{{desc}}</div> 15 <div class="desc-text">{{desc}}</div>