productCategory.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. mui.init();
  2. mui('.mui-scroll-wrapper').scroll();
  3. var type=mobile.getUrlVars("type");
  4. if (!type){
  5. type = "";
  6. }
  7. var pageNumber = 1;
  8. var pageSize=10;
  9. var droploader;
  10. /**
  11. *初始化、添加监听
  12. */
  13. mui.ready(function(){
  14. getCategory();
  15. getProduct(type);
  16. $('.mui-bar-tab').on('tap', 'a', function(e) {
  17. location.href=$(this).attr("href");
  18. });
  19. $(".mui-segmented-control").on("tap",".mui-control-item",function(e){
  20. pageNumber=1;
  21. $(".section-list").empty();
  22. $(".dropload-down").remove();
  23. getProduct($(this).attr("data-id"));
  24. });
  25. //跳转
  26. $(".product").on('tap','li',function(){
  27. location.href=base+'/mobile/productDetail.jsp?id='+$(this).attr('data-id');
  28. });
  29. //推广
  30. $(".tuiguang").on('tap',function(){
  31. if(user.is_share=='1'){
  32. $("#share").show();
  33. }else{
  34. location.href=base+'/mobile/userInfo.jsp?flag=1';
  35. }
  36. });
  37. //分享
  38. $(".share-bg").on('tap',function(){
  39. $("#share").hide();
  40. });
  41. //分享
  42. $(".share-img").on('tap',function(){
  43. $("#share").hide();
  44. });
  45. });
  46. function getCategory() {
  47. mobile.ajaxPost(base+'/productCategory/getList',{"navShow":"1"},function(json){
  48. if(json.data&&json.data.length>0){
  49. if (type){
  50. $(".mui-segmented-control .mui-scroll").append('<a class="mui-control-item" data-id="">全部</a>');
  51. }else{
  52. $(".mui-segmented-control .mui-scroll").append('<a class="mui-control-item mui-active" data-id="">全部</a>');
  53. }
  54. $.each(json.data,function (id,item) {
  55. if (item.id==type){
  56. $(".mui-segmented-control .mui-scroll").append('<a class="mui-control-item mui-active" data-id="'+item.id+'">'+item.cat_name+'</a>');
  57. }else{
  58. $(".mui-segmented-control .mui-scroll").append('<a class="mui-control-item" data-id="'+item.id+'">'+item.cat_name+'</a>');
  59. }
  60. });
  61. }
  62. });
  63. }
  64. /**
  65. *获取导航
  66. */
  67. function getProduct(type){
  68. if (droploader){
  69. droploader.lock();
  70. droploader.noData();
  71. droploader.resetload();
  72. }
  73. if(!type){
  74. type="";
  75. }
  76. droploader = $('.product-content').dropload({
  77. scrollArea : window,
  78. loadDownFn : function(me){
  79. mobile.ajaxPost(base+'/product/getList',{
  80. type: type,
  81. pageSize: pageSize,
  82. pageNumber: pageNumber
  83. },function(json){
  84. if(json.list&&json.list.length>0){
  85. if(pageNumber==json.totalPage){
  86. me.lock();
  87. me.noData();
  88. }else{
  89. pageNumber++;
  90. }
  91. var html=[];
  92. jQuery.each(json.list,function(id,item){
  93. html.push('<a class="section-item" href="'+base+'/mobile/productDetail.jsp?id='+item.id+'">');
  94. html.push('<div class="image-box">');
  95. html.push('<img class="product-lazy" data-original="'+imgUrl+item.product_main_img+'" style="width: 100%; display: block;">');
  96. if (item.time_status=='1'){
  97. html.push('<div class="section-item-status saled"></div>');
  98. }else if (item.time_status=='2'||item.time_status=='3'){
  99. html.push('<div class="section-item-status end"></div>');
  100. }
  101. html.push('</div>');
  102. html.push('<div class="info-box">');
  103. html.push('<div class="info-title">'+item.product_name+'</div>');
  104. html.push('<div class="items">');
  105. html.push('<div class="product-price item"><em>¥'+item.product_price+'<span class="del-line color3 ml5">'+item.product_old_price+'元</span></em></div>')
  106. html.push('<div class="fs12 color3">关注:'+item.visit_num+'</div>')
  107. html.push('</div></div>');
  108. html.push('</a>');
  109. });
  110. $(".section-list").append(html.join(""));
  111. droploader.resetload();
  112. $("img.product-lazy").lazyload({
  113. threshold : 200,
  114. effect: "fadeIn",
  115. placeholder: base+'/static/mobile/image/100.gif',
  116. skip_invisible : false
  117. });
  118. }else{
  119. droploader.lock();
  120. droploader.noData();
  121. droploader.resetload();
  122. }
  123. });
  124. }
  125. });
  126. }
  127. function checkTime(i){ //将0-9的数字前面加上0,例1变为01
  128. if(i<10)
  129. {
  130. i = "0" + i;
  131. }
  132. return i;
  133. }