carDetail.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. var id=mobile.getUrlVars("id");
  2. var car;
  3. mui.init();
  4. /**
  5. *初始化、添加监听
  6. */
  7. mui.ready(function(){
  8. getCarDetail();
  9. $("#phone").on("tap",function (e) {
  10. e.stopPropagation();
  11. location.href="tel:15960296973";
  12. });
  13. $("#chat").on("tap",function(e){
  14. var html=[];
  15. html.push('<img src="'+base+'/static/mnit/image/myqrcode.png" style="width:100%">');
  16. mui.alert(html.join(""), '微信咨询');
  17. });
  18. });
  19. //获取商品信息
  20. function getCarDetail(){
  21. mobile.ajaxPost(base+"/car/getCar",{id:id},function(json){
  22. if(json.success){
  23. car = json.data;
  24. share.imgUrl=imgUrl+car.car_img1;
  25. share.title=car.car_name
  26. $(".carName").html(car.car_name);
  27. $(".car-year").html(new Date(car.car_year.replace(/-/g, "/")).format("yyyy年MM月"));
  28. $(".mileage").html(car.mileage+"万公里");
  29. $(".view-num").html(car.view_num+"人关注");
  30. $(".price").html('<span class="bold">'+car.price+'</span>万<span class="color2 fs12"> 新车价:'+car.new_price+'万</span>');
  31. var arr = [];
  32. if(car.car_img1){
  33. arr.push(car.car_img1);
  34. }
  35. if(car.car_img2){
  36. arr.push(car.car_img2);
  37. }
  38. if(car.car_img3){
  39. arr.push(car.car_img3);
  40. }
  41. $('.mui-content').removeClass('mui-hidden');
  42. $('.mui-bar-tab').removeClass('mui-hidden');
  43. initSlider(arr);
  44. if(car.car_detail){
  45. $("#detail").html(car.car_detail);
  46. $("img.lazy").lazyload({
  47. threshold : 50,
  48. effect: "fadeIn",
  49. placeholder: base+'/static/mobile/image/500.gif',
  50. skip_invisible : false
  51. });
  52. }else{
  53. $("#detail").html('<span class="fs14 color2">暂无信息</span>');
  54. }
  55. }else{
  56. layer.open({content: json.msg,time: 3});
  57. }
  58. });
  59. }
  60. function initSlider(arr){
  61. $("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
  62. '<a href="javascript:void(0)">'+
  63. '<img class="slider-lazy" src="'+imgUrl+arr[arr.length-1]+'" >'+
  64. '</a>'+
  65. '</div>');
  66. if(arr.length>1){//数量大于1定时滚动
  67. for(var i=0;i<arr.length;i++){
  68. $("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
  69. '<a href="javascript:void(0)">'+
  70. '<img class="slider-lazy" src="'+imgUrl+arr[i]+'" >'+
  71. '</a>'+
  72. '</div>');
  73. if(i==0){
  74. $("#slider .mui-slider-indicator").append('<div class="mui-indicator mui-active"></div>');
  75. }else{
  76. $("#slider .mui-slider-indicator").append('<div class="mui-indicator"></div>');
  77. }
  78. }
  79. }else{//数量等于1
  80. $("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
  81. '<a href="javascript:void(0)">'+
  82. '<img class="slider-lazy" src="'+imgUrl+arr[0]+'" >'+
  83. '</a>'+
  84. '</div>');
  85. }
  86. $("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
  87. '<a href="javascript:void(0)">'+
  88. '<img src="'+imgUrl+arr[0]+'" >'+
  89. '</a>'+
  90. '</div>');
  91. if(arr.length>1){
  92. var slider = mui("#slider");
  93. slider.slider({
  94. interval: 3000
  95. });
  96. }
  97. // $("img.slider-lazy").lazyload({
  98. // threshold : 200,
  99. // placeholder: base+'/static/mobile/image/500.gif',
  100. // skip_invisible : false
  101. // });
  102. }