.layui-nav-child { border-radius: 4px; } .layui-nav-child a { padding: 0 20px; } .layui-nav-child hr { margin: 4px 0; height: 1px; border: 0; clear: both; } .layui-layout-admin .layui-header .layui-nav-child { top: 48px; } .layui-laypage .layui-laypage-curr .lay...
<ulclass="layui-nav layui-nav-tree" lay-filter="test"> <!-- 侧边导航: <ulclass="layui-nav layui-nav-tree layui-nav-side"> --> <liclass="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> <dlclass="layui-nav-child"> <dd><a href="javascript:;">...
--二级菜单用dl表示--><dlclass="layui-nav-child"><dd><ahref="">移动模块</a></dd><dd><ahref="">后台模块</a></dd><dd><ahref="">电商平台</a></dd></dl></li></ul> 2.2垂直导航 就是在水平导航基础上再加一条:layui-nav layui-nav-tree 2.3侧边导航 再垂直基础上再加一条: ...
-- 左侧垂直导航区域--> <ul class="layui-nav layui-nav-tree" lay-filter="test"> <li class="layui-nav-item"> <a class="" href="javascript:;">管理员管理</a> <dl class="layui-nav-child"> <dd> <a href="javascript:;" data-id="1" data-title="管理员列表" data-url="index....
-- <ul class="layui-nav layui-layout-left">移动端显示<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm"lay-header-event="menuLeft"><iclass="layui-icon layui-icon-spread-left"></i></li>Top导航栏<li class="layui-nav-item layui-hide-xs"><a href="">nav ...
= null" :class="item.icon"></i>', '<span>{{item.name}}</span>', '<em class="layui-nav-more third-class"></em>', '</a>', '<ol v-if="item.type === 2" class="layui-nav-child" style="display: none;">', ...
<ul class="layui-nav layui-nav-tree" lay-filter="test"> <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> --> <!-- layui-nav-itemed:此属性表示默认展开 --> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> <dl cla...
child子级菜单数据项。参数同父级,可无限嵌套。Array[] templet自定义当前菜单项模板,优先级高于全局设定的 templet。详见下文。String- 菜单项被点击的回调 代码 演示效果 </>code <table class="layui-table"> <tbody> <tr> <td>列表 1</td>
<ul class="layui-nav layui-nav-tree site-demo-nav" lay-filter="demo"> <li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">默认展开</a> <dl class="layui-nav-child"> <dd><a href="javascript:;">选项⼀</a></dd> <dd><a href="javascript:;">选项⼆</a...
简介:LayUI是一款基于jQuery的前端UI框架,而树形权限菜单是一种常见的网页导航菜单设计。LayUI树形权限菜单结合了LayUI框架的特性和树状结构的展示方式,用于实现对用户权限的管理和控制。树形权限菜单通常由多层级的树状菜单构成,每个节点表示一个功能或者页面,父节点表示上级菜单,子节点表示下级菜单。通过这种层级结构,可...