關於導航 首先看一下官網的樣式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="../layui/css/layui.css" rel="stylesheet" />
<script src="../Scripts/jquery-3.3.1.js"></script>
<script src="../layui/layui.js"></script>
</head>
<body>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="">最新活動</a></li>
<li class="layui-nav-item layui-this"><a href="">產品</a></li>
<li class="layui-nav-item"><a href="">大數據</a></li>
<li class="layui-nav-item">
<a href="javascript:;">解決方案</a>
<dl class="layui-nav-child">
<!-- 二級菜單 -->
<dd><a href="">移動模塊</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">電商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">社區</a></li>
</ul>
<script>
//注意：導航 依賴 element 模塊，否則無法進行功能性操作
layui.use('element', function () {
var element = layui.element;
//…
});
</script>
</body>
</html>
***：這個東東需要你加載element模塊。雖然大部分行為都是在加載完該模塊后自動完成的，但一些交互操作，如呼出二級菜單等，需借助element模塊才能使用。
設定layui-this來指向當前頁面分類。
垂直導航需要追加class：layui-nav-tree
側邊導航需要追加class：layui-nav-tree layui-nav-side
全都是加到ul的calss中。其實導航差不多也就這么點。