leftNav.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. function navBar(data){
  2. var ulHtml = '<ul class="layui-nav layui-nav-tree">';
  3. for(var i=0;i<data.length;i++){
  4. if(data[i].spread){
  5. ulHtml += '<li class="layui-nav-item layui-nav-itemed">';
  6. }else{
  7. ulHtml += '<li class="layui-nav-item">';
  8. }
  9. if(data[i].childMenus != undefined && data[i].childMenus.length > 0){
  10. ulHtml += '<a href="javascript:;">';
  11. if(data[i].icon != undefined && data[i].icon != ''){
  12. if(data[i].icon - 0 == 0){
  13. data[i].icon = "&nbsp;";
  14. }
  15. if(data[i].icon.indexOf("icon-") != -1){
  16. ulHtml += '<i class="iconfont '+data[i].icon+'" data-icon="'+data[i].icon+'"></i>';
  17. }else{
  18. ulHtml += '<i class="layui-icon" data-icon="'+data[i].icon+'">'+data[i].icon+'</i>';
  19. }
  20. }
  21. ulHtml += '<cite>'+data[i].name+'</cite>';
  22. ulHtml += '<span class="layui-nav-more"></span>';
  23. ulHtml += '</a>'
  24. ulHtml += '<dl class="layui-nav-child">';
  25. for(var j=0;j<data[i].childMenus.length;j++){
  26. ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].childMenus[j].description+'?menuId='+data[i].childMenus[j].id+'">';
  27. if(data[i].childMenus[j].icon != undefined && data[i].childMenus[j].icon != ''){
  28. if(data[i].childMenus[j].icon - 0 == 0){
  29. data[i].childMenus[j].icon = "&nbsp;";
  30. }
  31. if(data[i].childMenus[j].icon.indexOf("icon-") != -1){
  32. ulHtml += '<i class="iconfont '+data[i].childMenus[j].icon+'" data-icon="'+data[i].childMenus[j].icon+'"></i>';
  33. }else{
  34. ulHtml += '<i class="layui-icon" data-icon="'+data[i].childMenus[j].icon+'">'+data[i].childMenus[j].icon+'</i>';
  35. }
  36. }
  37. ulHtml += '<cite>'+data[i].childMenus[j].name+'</cite></a></dd>';
  38. }
  39. ulHtml += "</dl>"
  40. }else{
  41. ulHtml += '<a href="javascript:;" data-url="'+data[i].description+'?menuId='+data[i].id+'">';
  42. if(data[i].icon != undefined && data[i].icon != ''){
  43. if(data[i].icon - 0 == 0){
  44. data[i].icon = "&nbsp;";
  45. }
  46. if(data[i].icon.indexOf("icon-") != -1){
  47. ulHtml += '<i class="iconfont '+data[i].icon+'" data-icon="'+data[i].icon+'"></i>';
  48. }else{
  49. ulHtml += '<i class="layui-icon" data-icon="'+data[i].icon+'">'+data[i].icon+'</i>';
  50. }
  51. }
  52. ulHtml += '<cite>'+data[i].name+'</cite></a>';
  53. }
  54. ulHtml += '</li>'
  55. }
  56. ulHtml += '</ul>';
  57. return ulHtml;
  58. }