banner.js 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. window.onload=function(){
  2. $('#myCarousel').html(`
  3. <ol class="carousel-indicators"></ol>
  4. <div class="carousel-inner"></div>
  5. `)
  6. let href = window.location.href,http = window.location.host,api='';
  7. let pre = /.html|\#|\?/,
  8. r1 = href.match(pre);
  9. if(pre.test(href)){
  10. let p1 = href.split(r1);
  11. api=p1[0].split('/').pop();
  12. }else{
  13. api=href.split('/').pop();
  14. }
  15. $.ajax({
  16. method:'get',
  17. dataType:'json',
  18. url: globalConfig.context + "/api/portal/banners/list",
  19. data:{
  20. apiUrl:api,
  21. client:0
  22. }
  23. }).done(data=>{
  24. let theData=data.data,bannerDott=[],bannerImgs=[];
  25. theData.map((item,index)=>{
  26. bannerDott.push(`
  27. <li data-target="#myCarousel" data-slide-to=${index} class="${index?'':'active'}"></li>
  28. `);
  29. bannerImgs.push(`
  30. <div class="${index?'item':'item active'}">
  31. <a href="${item.forwardUrl?'http://'+http+item.forwardUrl:'javascript:;'}"><img src="${globalConfig.avatarHost+item.imgUrl}" alt="${item.text}"></a>
  32. </div>
  33. `);
  34. })
  35. $('.carousel-indicators').html(bannerDott.length>1?bannerDott.join(''):'');
  36. $('.carousel-inner').html(bannerImgs.join(''));
  37. if(theData.length>1){
  38. $('#myCarousel').append(`
  39. <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  40. <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
  41. `)
  42. }
  43. })
  44. }