Layui菜单默认只展开一个之lay-shrink=“all“

使用场景:左侧菜单栏过多,如果都展开的话,不便于操作选择。

展开子菜单时,是否收缩兄弟节点已展开的子菜单 (注:layui 2.2.6 开始新增)
如:

<ul class="layui-nav layui-nav-tree" lay-shrink="all"> … </ul>


展开子菜单时,是否收缩兄弟节点已展开的子菜单 (注:layui 2.2.6 开始新增)
如:<ul class="layui-nav layui-nav-tree" lay-shrink="all"> … </ul>

<body class="layui-layout-body"> <div id="LAY_app"> <div class="layui-layout layui-layout-admin"> <div class="layui-header"> <!-- 头部区域 --> <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item layadmin-flexible" lay-unselect> <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩"> <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i> </a> </li> <li class="layui-nav-item layui-action" data-type="jurisdiction"> <a href="javascript:;">权限管理一</a> </li> <li class="layui-nav-item layui-action" data-type="tonpl" id="tonpl"> <a href="javascript:;">权限管理二</a> </li> </ul> </div> <!-- 侧边菜单 --> <div class="layui-side layui-side-menu"> <div class="layui-side-scroll"> <div class="layui-logo" lay-href="home/console.html"> <span>layuiAdmin</span> </div> <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu"> <li data-name="home" id="homeNav" class="layui-nav-item layui-nav-itemed" style="display: none;"> <a href="javascript:;" lay-tips="主页" lay-direction="2"> <i class="layui-icon layui-icon-home"></i> <cite>主页</cite> </a> <dl class="layui-nav-child"> <dd data-name="console" class="layui-this"> <a lay-href="home/console.html">控制台</a> </dd> <dd data-name="console"> <a lay-href="home/homepage1.html">主页一</a> </dd> <dd data-name="console"> <a lay-href="home/homepage2.html">主页二</a> </dd> </dl> </li> </ul> <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu"> <li data-name="set" id="setNav" class="layui-nav-item" style="display: none;"> <a href="javascript:;" lay-tips="设置" lay-direction="2"> <i class="layui-icon layui-icon-set"></i> <cite>设置</cite> </a> <dl class="layui-nav-child"> <dd class="layui-nav-itemed" data-name="set/systemset" id="set/systemsetNav" style="display: none;"> <a href="javascript:;">系统设置</a> <dl class="layui-nav-child"> <dd><a lay-href="set/system/website.html">网站设置</a></dd> <dd><a lay-href="set/system/email.html">邮件服务</a></dd> </dl> </dd> <dd class="layui-nav-itemed" data-name="set/myset" id="set/mysetNav" style="display: none;"> <a href="javascript:;">我的设置</a> <dl class="layui-nav-child"> <dd><a lay-href="set/user/info.html">基本资料</a></dd> <dd><a lay-href="set/user/password.html">修改密码</a></dd> </dl> </dd> </dl> </li> <li data-name="about" id="aboutNav" class="layui-nav-item" style="display: none;"> <a href="javascript:;" layadmin-event="about" lay-tips="授权" lay-direction="2"> <i class="layui-icon layui-icon-auz"></i> <cite>关于</cite> </a> </li> <li data-name="home" id="homeNav" class="layui-nav-item layui-nav-itemed" style="display: none;"> <a href="javascript:;" lay-tips="主页" lay-direction="2"> <i class="layui-icon layui-icon-home"></i> <cite>主页</cite> </a> <dl class="layui-nav-child"> <dd data-name="console" class="layui-this"> <a lay-href="home/console.html">控制台</a> </dd> <dd data-name="console"> <a lay-href="home/homepage1.html">主页一</a> </dd> <dd data-name="console"> <a lay-href="home/homepage2.html">主页二</a> </dd> </dl> </li> </ul> 根据权限管理一权,限管理二切换两组菜单
最新发布
08-15
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值