layui实现三级导航菜单
(编辑:jimmy 日期: 2024/11/2 浏览:3 次 )
本文实例为大家分享了layui实现三级导航菜单的具体代码,供大家参考,具体内容如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>.Net海</title> <link href="~/layui-v2.2.5/layui-v2.2.5/layui/css/layui.css" rel="stylesheet" /> //注意路劲 <style> ol li a { background-color: rgba(0,0,0,1) !important; } .three_this { background-color: #808080 !important; } </style> </head> <body class="layui-layout-body"> <div class="layui-layout layui-layout-admin"> <div class="layui-header"> <div class="layui-logo">layui 后台布局</div> <ul class="layui-nav layui-layout-left"> <li class="layui-nav-item"><a href="">控制台</a></li> <li class="layui-nav-item"><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> </ul> <ul class="layui-nav layui-layout-right"> <li class="layui-nav-item"> <a href="javascript:;" > <img src="/UploadFiles/2021-04-02/tb.png">以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:layui实现左侧菜单点击右侧内容区显示