index.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. mui.ready(function() {
  2. //springFestivalPop();
  3. marquee_Show();
  4. getCartNum();
  5. mui.ajax(base_path + '/indexData?dates=' + new Date().getTime(), {
  6. dataType: 'json',
  7. type: 'post',
  8. timeout: 15000,
  9. success: function(dt) {
  10. var bannerstr = "",
  11. prostr = "",
  12. dian = "",
  13. advsstr = "";
  14. if(dt.status) {
  15. var banner_data = dt.data.banners;
  16. var shareOpenid = dt.data.memberOpenid;
  17. var link = domanUrl + base_path + "/index?shareOpenid=" + shareOpenid;
  18. window.repleFlag = false;
  19. window.wxFriend = {
  20. "appId": "",
  21. "imgUrl": 'http://static.iamberry.com/wateroPF/images/logo_wateroPF.jpg',
  22. "link": link,
  23. "desc": "美国标准,4级净化,5档水温,水质TDS智能显示。",
  24. "title": "WaterO,美国可移动智能净水机代表,4级净化,5档水温,净化饮水一体;",
  25. "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
  26. "shareTimeSuccess": "分享成功",
  27. "shareTimeCancel": "已取消分享",
  28. "shareAppSuccess": "分享成功!",
  29. "shareAppCancel": "已取消分享"
  30. };
  31. mui(banner_data).each(function(index) {
  32. if(index == 0) {
  33. bannerstr += '<div class="mui-slider-item mui-slider-item-duplicate"><a href="' + banner_data[banner_data.length - 1].bannerImageCheckOutUrl + '"><img src="' + (banner_data[banner_data.length - 1].bannerImageUrl) + '"></a></div><div class="mui-slider-item mui-active"><a href="' + this.bannerImageCheckOutUrl + '"><img src="' + (this.bannerImageUrl) + '"></a></div>';
  34. dian += '<div class="mui-indicator mui-active"></div>'
  35. } else {
  36. bannerstr += '<div class="mui-slider-item"><a href="' + this.bannerImageCheckOutUrl + '"><img src="' + (this.bannerImageUrl) + '"></a></div>';
  37. dian += '<div class="mui-indicator"></div>'
  38. }
  39. if(index == (banner_data.length - 1) || (banner_data.length - 1) == 0) {
  40. bannerstr += '<div class="mui-slider-item mui-slider-item-duplicate"><a href="' + banner_data[0].bannerImageCheckOutUrl + '"><img src="' + (banner_data[0].bannerImageUrl) + '"></a></div>'
  41. }
  42. });
  43. dc('mui-slider-loop').innerHTML = bannerstr;
  44. dc('my-slider-indicator').innerHTML = dian;
  45. $("<div id='banner-slider' class='mui-slider'><div class='mui-slider-group mui-slider-loop' id='mui-slider-loop'>" + bannerstr + "</div><div id='my-slider-indicator' class='mui-slider-indicator my-slider-indicator'>" + dian + "</div></div>").insertBefore(".chanpin-box");
  46. var advs_data = dt.data.advs;
  47. mui(advs_data).each(function(index) {
  48. advsstr += '<a href="' + this.bannerImageCheckOutUrl + '"><img src="' + this.bannerImageUrl + '" /></a>'
  49. });
  50. dc('advs_banner').innerHTML = advsstr;
  51. dc('advs_banner').style.display = 'block';
  52. dc('banner-slider').style.display = 'block';
  53. var banner = mui('#banner-slider');
  54. banner.slider({
  55. interval: 5000
  56. });
  57. mui.each(document.querySelectorAll('#banner-slider a'), function(index, el) {
  58. el.addEventListener('tap', function() {
  59. //document.querySelector('.loading-bg').style.display = 'block';
  60. var str=this.getAttribute('href');
  61. console.log(this.getAttribute('href'));
  62. if(str!="#" && str!=''){
  63. location.href = this.getAttribute('href')
  64. }
  65. }, false)
  66. });
  67. mui.each(document.querySelectorAll('#advs_banner a'), function(index, el) {
  68. el.addEventListener('tap', function() {
  69. //document.querySelector('.loading-bg').style.display = 'block';
  70. location.href = this.getAttribute('href')
  71. }, false)
  72. });
  73. document.querySelector('.loading-bg').style.display = 'none'
  74. } else {
  75. mui.alert(dt.message, ' ', '朕知道了', function() {
  76. mui.openWindow({
  77. url: domanUrl + base_path + "/index?dates=" + new Date().getTime()
  78. })
  79. })
  80. }
  81. },
  82. error: function(xhr, type, errorThrown) {
  83. console.log(xhr)
  84. }
  85. });
  86. if(marquee != '') {
  87. $('body').append('<div class="marquee-show"><div></div></div>')
  88. }
  89. mui('body').on('tap', '.go_jifen_shop', function() {
  90. mui.alert('敬请期待', ' ', '朕知道了', function() {})
  91. });
  92. setTimeout(function() {
  93. $("#chanpin-slider .mui-slider-item").each(function() {
  94. if($(this).find('.opacity_0').length > 0) {
  95. $(this).find('img').prop('src', $(this).find('img').attr('val'));
  96. $(this).find('.opacity_0').removeClass('opacity_0')
  97. }
  98. })
  99. }, 1500)
  100. });