關於導航 首先看一下官網的樣式：javascript
<!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>css
<script>
//注意：導航 依賴 element 模塊，不然沒法進行功能性操做
layui.use('element', function () {
var element = layui.element;html
//…
});
</script>
</body>
</html>java
***：這個東東須要你加載element模塊。雖然大部分行爲都是在加載完該模塊後自動完成的，但一些交互操做，如呼出二級菜單等，需藉助element模塊才能使用。jquery
設定layui-this來指向當前頁面分類。ide
垂直導航須要追加class：layui-nav-tree
側邊導航須要追加class：layui-nav-tree layui-nav-side大數據
全都是加到ul的calss中。其實導航差很少也就這麼點。ui