index.js 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. var pageNumber = 1;
  2. var pageSize=10;
  3. var droploader;
  4. mui.init();
  5. mui.ready(function () {
  6. share = {
  7. "title": "精选二手车",
  8. "link": "http://www.3water.cn/buying/mobile/car/index.jsp",
  9. "imgUrl": "http://www.3water.cn/buying/static/mobile/image/car/banner1.jpg",
  10. "desc": "保证品质"
  11. };
  12. $('.mui-bar-tab').on('tap', 'a', function(e) {
  13. location.href=$(this).attr("href");
  14. });
  15. var mySwiper = new Swiper('.swiper-container', {
  16. loop: true,
  17. //autoplay: 3000,//可选选项,自动滑动
  18. pagination: '.swiper-pagination',
  19. autoplayDisableOnInteraction: false
  20. });
  21. $("#phone").on("tap", function (e) {
  22. e.stopPropagation();
  23. location.href = "tel:15960296973";
  24. });
  25. $("#chat").on("tap", function (e) {
  26. var html = [];
  27. html.push('<img src="' + base + '/static/mnit/image/myqrcode.png" style="width:100%">');
  28. mui.alert(html.join(""), '微信咨询');
  29. });
  30. $(".product").on("tap", "li",function (e) {
  31. location.href="carDetail.jsp?id="+$(this).attr("data-id");
  32. });
  33. getCar();
  34. });
  35. /**
  36. *获取导航
  37. */
  38. function getCar(){
  39. if (droploader){
  40. droploader.lock();
  41. droploader.noData();
  42. droploader.resetload();
  43. }
  44. droploader = $('.product-content').dropload({
  45. scrollArea : window,
  46. loadDownFn : function(me){
  47. mobile.ajaxPost(base+'/car/getList',{
  48. pageSize: pageSize,
  49. pageNumber: pageNumber
  50. },function(json){
  51. if(json.list&&json.list.length>0){
  52. if(pageNumber==json.totalPage){
  53. me.lock();
  54. me.noData();
  55. }else{
  56. pageNumber++;
  57. }
  58. var html=[];
  59. $.each(json.list,function(id,item){
  60. html.push(' <li class="mui-table-view-cell mui-media" data-id="'+item.id+'">');
  61. html.push(' <div class="product-img mui-pull-left"><img src="'+imgUrl+item.car_img1+'"></div>');
  62. html.push(' <div class="mui-media-body pl10">');
  63. html.push(' <p class="product-title mui-ellipsis-2 color1">'+item.car_name+'</p>');
  64. html.push(' <p class="fs12 mb5"><span>'+new Date(item.car_year.replace(/-/g, "/")).format("yyyy年MM月")+'</span> <span style="color: #e6e6e6">|</span> <span>'+item.mileage+'万公里</span></p>');
  65. html.push(' <p class="items">');
  66. html.push(' <span class="main-color fs16">'+item.price+'万</span>');
  67. if (item.sell_num==0){
  68. html.push(' <a class="mui-btn mui-btn-danger mui-btn-outlined ml10">0过户</a>');
  69. }
  70. if (item.is_new==1){
  71. html.push(' <a class="mui-btn mui-btn-warning mui-btn-outlined ml10">准新车</a>');
  72. }
  73. html.push(' </p>');
  74. html.push(' </div>');
  75. html.push(' </li>');
  76. });
  77. $(".product").append(html.join(""));
  78. droploader.resetload();
  79. }else{
  80. droploader.lock();
  81. droploader.noData();
  82. droploader.resetload();
  83. }
  84. });
  85. }
  86. });
  87. }