<div class="menuFirst layui-tab">
<!-- tab -->
<ul class="layui-tab-title" id="menuFirstList">
<!--一级菜单
<li class="layui-this">
<div><img src="../img/icon1.png" alt=""></div>
<div>销售</div>
</li>
<li>
<div><img src="../img/icon2.png" alt=""></div>
<div>采购</div>
</li>
<li>
<div><img src="../img/icon3.png" alt=""></div>
<div>生产</div>
</li>
<li>
<div><img src="../img/icon4.png" alt=""></div>
<div>仓储</div>
</li>
<li>
<div><img src="../img/icon5.png" alt=""></div>
<div>财务</div>
</li>
<li>
<div><img src="../img/icon6.png" alt=""></div>
<div>配置</div>
</li> -->
</ul>
<!-- tabcontent -->
<div class="layui-tab-content" id="menuSecond">
<!--2级菜单
<div class="layui-tab-item layui-show">
<!--放2级菜单+3级菜单-->
<%=MenuHtml.menu3HtmlLayui(request.getContextPath(), res)%>
</div>
<div class="layui-tab-item">111</div>
<div class="layui-tab-item">222</div>
<div class="layui-tab-item">3333</div>
<div class="layui-tab-item">333</div>
<div class="layui-tab-item">444</div> -->
</div>
</div>
js
var menuList = <%=MenuHtml.menu2JSON(request.getContextPath(), res) %>;
var menuFir = [];
for (let x = 0; x < menuList.length; x++) {
if (menuList[x].children) {
menuFir.push(menuList[x]);
}
}
for (let y = 0; y < menuFir.length; m++) {
var menuFirstHtml = '<li><div><img src="../img/icon' + (y + 1) + '.png" alt=""></div><div>' + menuFir[y].text + '</div></li>';
$('#menuFirstList').append(menuFirstHtml);
var menuSecHtml = '<div class="layui-tab-item">' + menuFir[y].children + '</div>';
$('#menuSecond .layui-tab-item').append(menuSecHtml);
}
$('#menuFirstList li').eq(0).addClass('layui-this');
$('#menuSecond div').eq(0).addClass('layui-show');