card.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. mui.init();
  2. /**
  3. *初始化、添加监听
  4. */
  5. mui.ready(function(){
  6. mobile.getCartNum();
  7. getList();
  8. $('.mui-bar-tab').on('tap', 'a', function(e) {
  9. location.href=$(this).attr("href");
  10. });
  11. $('.mui-table-view').on('tap', 'li', function(e) {
  12. location.href=base+"/mobile/cardDetail.jsp?id="+$(this).attr("data-id");
  13. });
  14. });
  15. /**
  16. *获取导航
  17. */
  18. function getList(){
  19. mobile.ajaxPost(base+'/productCard/getList',{},function(json){
  20. var html = [];
  21. $.each(json.data,function(id,item){
  22. html.push('<li class="mui-table-view-cell mui-media" data-id="'+item.id+'">');
  23. html.push('<div class="product-img mui-pull-left" style="width:84px;">');
  24. html.push('<img src="'+imgUrl+item.card_img+'">');
  25. html.push('</div>');
  26. html.push('<div class="mui-media-body pl10">');
  27. html.push('<p class="product-title">'+item.card_name+'</p>');
  28. html.push('<p class="color-red">'+item.name+'</p>');
  29. html.push('<p class="items"><span>原价:¥'+item.original_price+'/桶</span>');
  30. html.push('<span class="pl10">销量:'+item.sale_num+'</span></p>');
  31. html.push('</div>');
  32. html.push('</li>');
  33. });
  34. $("ul").html(html.join(''));
  35. });
  36. }