Authored by Lynnic

update

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 + lazyLoad = require('yoho.lazyload');
  8 +
  9 +var loading = require('../../plugin/loading'),
  10 + tip = require('../../plugin/tip');
  11 +
  12 +var introUrl = $('#introUrl').val(),
  13 + winH = $(window).height(),
  14 + $productDesc,
  15 + searching = false,
  16 + end = false;
  17 +
  18 +function search() {
  19 + if (searching || end) {
  20 + return;
  21 + }
  22 + searching = true;
  23 +
  24 + loading.showLoadingMask();
  25 +
  26 + $.ajax({
  27 + type: 'GET',
  28 + url: introUrl,
  29 + success: function(data) {
  30 + $productDesc = $('#productDesc');
  31 + $productDesc.append(data);
  32 +
  33 + lazyLoad($productDesc.find('img.lazy'));
  34 +
  35 + searching = false;
  36 + end = true;
  37 + loading.hideLoadingMask();
  38 + },
  39 + error: function() {
  40 + tip.show('网络断开连接了~');
  41 + searching = false;
  42 + loading.hideLoadingMask();
  43 + }
  44 + });
  45 +}
  46 +
  47 +function scrollHandler() {
  48 + if ($(window).scrollTop() + winH >= $(document).height() - 50) {
  49 + search();
  50 + }
  51 +}
  52 +
  53 +//srcoll to load more
  54 +$(window).scroll(function() {
  55 + window.requestAnimationFrame(scrollHandler);
  56 +});
  57 +
@@ -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,7 +87,9 @@ @@ -87,7 +87,9 @@
87 87
88 <div class="gap-block"></div> 88 <div class="gap-block"></div>
89 89
90 - {{> product/product_description}} 90 +
  91 + <div id="productDesc"></div>
  92 +
91 93
92 {{#cartInfo}} 94 {{#cartInfo}}
93 <div class="cart-bar"> 95 <div class="cart-bar">
@@ -102,5 +104,9 @@ @@ -102,5 +104,9 @@
102 </div> 104 </div>
103 {{/cartInfo}} 105 {{/cartInfo}}
104 106
  107 + {{#if introUrl}}
  108 + <input id="introUrl" type="hidden" value={{introUrl}}>
  109 + {{/if}}
  110 +
105 </div> 111 </div>
106 {{> layout/footer}} 112 {{> layout/footer}}
@@ -6,14 +6,11 @@ @@ -6,14 +6,11 @@
6 <span class="en-title">{{enTitle}}</span> 6 <span class="en-title">{{enTitle}}</span>
7 </h1> 7 </h1>
8 {{#detail}} 8 {{#detail}}
9 - <div class="detail table clearfix">  
10 - <!-- <li class="row"> -->  
11 - <div class="inner-container"></div> 9 + <ul class="detail table clearfix">
12 {{#list}} 10 {{#list}}
13 <div class="column">{{param}}</div> 11 <div class="column">{{param}}</div>
14 {{/list}} 12 {{/list}}
15 - <!-- </li> -->  
16 - </div> 13 + </ul>
17 {{/detail}} 14 {{/detail}}
18 <div class="desc-text">{{desc}}</div> 15 <div class="desc-text">{{desc}}</div>
19 </div> 16 </div>