goods.js 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. ;
  2. layui.define(['flow','laytpl','carousel','element'], function (e) {
  3. var s = layui.$,
  4. flow = layui.flow,
  5. laytpl = layui.laytpl,
  6. element = layui.element,
  7. carousel = layui.carousel;
  8. element.on('tab(layui-tab-type)', function(data){
  9. var that = this;
  10. var type_id = s(that).attr('lay-id')
  11. s('.goods-list').empty();
  12. flow.load({
  13. elem: '.goods-list'
  14. ,done: function(page, next){
  15. s.post('load.html',{page:page,type_id:type_id},function(r){
  16. if (!r.code) {
  17. var tpl = s('#goods-list').html();
  18. laytpl(tpl).render(r.data, function(html){
  19. next(html, page < r.pages);
  20. })
  21. }else{
  22. layer.msg(r.msg)
  23. }
  24. });
  25. }
  26. });
  27. });
  28. carousel.render({
  29. elem: '#images'
  30. ,width: '100%'
  31. ,height:s('body').width()
  32. ,arrow: 'none'
  33. });
  34. s('.show-spec-box').on('click',function(){
  35. var that = this;
  36. layer.open({
  37. type: 1
  38. ,title: false
  39. ,closeBtn: true
  40. ,skin:'spec-box'
  41. ,area: '100%'
  42. ,offset: 'b'
  43. ,shade: 0.8
  44. ,shadeClose:true
  45. ,moveType: 1
  46. ,content: s('#spec').html()
  47. ,success: function(layero){
  48. s('.layui-btn-confirm').on('click',function(){
  49. layer.closeAll()
  50. var goods_id = s('input[name=id]').val();
  51. var quantity = parseInt(s(".buy-num").val());
  52. var goods_id = s('input[name=id]').val();
  53. var quantity = parseInt(s(".buy-num").val());
  54. window.location.href = '/index/order/add.html?goods_id='+goods_id+'&quantity='+quantity;
  55. })
  56. s(".minus").click(function (){
  57. var buynum = s(".buy-num").val();
  58. if(buynum >1){
  59. s(".buy-num").val(parseInt(buynum-1));
  60. }
  61. });
  62. s(".add").click(function (){
  63. var buynum = parseInt(s(".buy-num").val());
  64. var storage = s('.goods-storage').data('value');
  65. if(buynum < storage){
  66. s(".buy-num").val(parseInt(buynum+1));
  67. }
  68. });
  69. }
  70. });
  71. })
  72. var goods = function(){
  73. if (s('input[name=id]').length > 0) {
  74. s('.content').css('margin-top',s('body').width() - 44 +'px');
  75. s(window).scroll(function(){
  76. if (s(window).scrollTop() <= 50) {
  77. s('.header').addClass('transparent').removeClass('posf');
  78. } else {
  79. s('.header').removeClass('transparent').addClass('posf');
  80. }
  81. });
  82. }
  83. if(s('[lay-filter="layui-tab-type"]').length > 0){
  84. var id = s('[lay-filter="layui-tab-type"]').find('li:first-child').attr('lay-id');
  85. element.tabChange('layui-tab-type', id);
  86. }
  87. }
  88. e('goods',new goods());
  89. })