leftNav.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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].children != undefined && data[i].children.length > 0){
  10. ulHtml += '<a href="javascript:;">';
  11. if(data[i].icon != undefined && data[i].icon != ''){
  12. if(data[i].icon.indexOf("icon-") != -1){
  13. ulHtml += '<i class="iconfont '+data[i].icon+'" data-icon="'+data[i].icon+'"></i>';
  14. }else{
  15. ulHtml += '<i class="layui-icon" data-icon="'+data[i].icon+'">'+data[i].icon+'</i>';
  16. }
  17. }
  18. ulHtml += '<cite>'+data[i].title+'</cite>';
  19. ulHtml += '<span class="layui-nav-more"></span>';
  20. ulHtml += '</a>'
  21. ulHtml += '<dl class="layui-nav-child">';
  22. for(var j=0;j<data[i].children.length;j++){
  23. ulHtml += '<dd><a href="javascript:;" data-url="'+data[i].children[j].href+'">';
  24. if(data[i].children[j].icon != undefined && data[i].children[j].icon != ''){
  25. if(data[i].children[j].icon.indexOf("icon-") != -1){
  26. ulHtml += '<i class="iconfont '+data[i].children[j].icon+'" data-icon="'+data[i].children[j].icon+'"></i>';
  27. }else{
  28. ulHtml += '<i class="layui-icon" data-icon="'+data[i].children[j].icon+'">'+data[i].children[j].icon+'</i>';
  29. }
  30. }
  31. ulHtml += '<cite>'+data[i].children[j].title+'</cite></a></dd>';
  32. }
  33. ulHtml += "</dl>"
  34. }else{
  35. ulHtml += '<a href="javascript:;" data-url="'+data[i].href+'">';
  36. if(data[i].icon != undefined && data[i].icon != ''){
  37. if(data[i].icon.indexOf("icon-") != -1){
  38. ulHtml += '<i class="iconfont '+data[i].icon+'" data-icon="'+data[i].icon+'"></i>';
  39. }else{
  40. ulHtml += '<i class="layui-icon" data-icon="'+data[i].icon+'">'+data[i].icon+'</i>';
  41. }
  42. }
  43. ulHtml += '<cite>'+data[i].title+'</cite></a>';
  44. }
  45. ulHtml += '</li>'
  46. }
  47. ulHtml += '</ul>';
  48. return ulHtml;
  49. }