oa/app/home/view/index/menu_classical.html

<div class="layui-side layui-side-menu layui-side-{$admin.theme}">
	<div class="layui-logo" gg-event="closeAllTabs">
		<img src="{$web.logo|default=''}" onerror="javascript:this.src='{__IMG__}/syslogo.png';this.onerror=null;" style="height: 40px;" class="syslogo">
		<img src="{$web.small_logo|default=''}" onerror="javascript:this.src='{__IMG__}/syslogo_small.png';this.onerror=null;" style="height: 40px;" class="logo">
	</div>

	<ul id="menuList" class="layui-nav layui-nav-tree layui-inline" lay-shrink="all">
		<li class="layui-nav-item menu-li">
			<a href="javascript:;" class="side-menu-item layui-this" data-href="/home/index/main.html" data-id="0" style="padding-top:0; padding-bottom:0;"><i class="iconfont icon-xueshuguanli"></i> 工 作 台</a>
		</li>
	{foreach name="menu" item="a"}
		<li class="layui-nav-item menu-li">
			<a href="javascript:;" lay-tips="{$a.title}" lay-direction="2" data-id="{$a.id}" data-title="{$a.title}" data-href="/{$a.src}"><i class="iconfont {$a.icon}"></i> {$a.title}</a>
			{notempty name="$a.list"}
				<dl class="layui-nav-child">
				{foreach name="$a.list" item="b"}
					<dd>
					<a href="javascript:;" class="side-menu-item" data-id="{$b.id}" data-title="{$b.title}" data-href="/{$b.src}">{$b.title}</a>
					{notempty name="$b.list"}
						<dl class="layui-nav-child">
						{foreach name="$b.list" item="c"}
							<dd>
							<a href="javascript:;" class="side-menu-item" data-id="{$c.id}" data-title="{$c.title}" data-href="/{$c.src}">{$c.title}</a>
							{notempty name="$c.list"}
								<dl class="layui-nav-child">
								{foreach name="$c.list" item="d"}
									<dd><a href="javascript:;" class="side-menu-item" data-id="{$d.id}" data-title="{$d.title}" data-href="/{$d.src}">{$d.title}</a></dd>
								{/foreach}
								</dl>
							{/notempty}
							</dd>
						{/foreach}
						</dl>
					{/notempty}
					</dd>
				{/foreach}
				</dl>
			{/notempty}
		</li>			
	{/foreach}
	</ul>
</div>
<script>
function menuInit() {

}		
</script>