nav .layui-nav-item a, html .skin-1 .layui-nav .layui-nav-item a:hover { color: #444; } html .skin-1 .my-header, html .skin-1 .layui-nav, html .skin-1 .layui-nav-child { background: white; } html .skin-1 .layui-nav .layui-nav-item .layui-nav-child dd.layui-...
|--- class="layui-nav-child" 表示导航项中的子项 |--- class="layui-this" 表示当前被选中的项 垂直导航 class="layui-nav layui-nav-tree" : 表示是导航中垂直导航 |--- class="layui-nav-itemed" : 被展开的导航项 |--- class="layui-nav-side" : 会垂直占一列 ...
nav-child"> <dd><a href="javascript:;">选项1</a></dd> <dd><a href="javascript:;">选项2</a></dd> <dd><a href="">跳转</a></dd> </dl> </li> <li class="layui-nav-item"> <a href="javascript:;">解决方案</a> <dl class="layui-nav-child"> <dd><a href="">...
});</script>导航栏内容:layui-nav:表示导航栏菜单layui-nav-child:表示子项的子项layui-nav-item:表示导航菜单的一个子项layui-this:表示当前选中的菜单项4. 选项卡导航菜单可应用于头部和侧边,Tab选项卡提供多套风格,支持响应式,支持删除选项卡等功能。面包屑结构简单,支持自定义分隔符。依赖加载组...
layer.getChildFrame(selector, index)- 获取iframe页的DOM 当你试图在当前页获取iframe页的DOM元素时,你可以用此方法。selector即iframe页的选择器 </>code layer.open({ type: 2, content: 'test/iframe.html', success: function(layero, index){ ...
<li class="layui-nav-item"> <a href="javascript:;"><i class="${menus.menuIcon}"></i> ${menus.menuName} </a> <dl class="layui-nav-child"> <#list menus.subMenus as s> <dd data-name="${s.menuName}" > <a lay-href="${request.contextPath}${s.menuUrl}">${s.menuName...
<dlclass="layui-nav-child layui-nav-child-r"style="margin-right: -21px;"> <ddclass="layui-hide-sm layui-show-xs"lay-unselect> <ahref="https://gitee.com/layui/layui/issues"target="_blank"rel="nofollow">社区</a> <hr> ...
nav .layui-nav-child a{color:#333}.layui-nav .layui-nav-child a:hover{background-color:#f2f2f2;color:#000}.layui-nav-child dd{position:relative}.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#5FB878;color:#fff}.layui-nav-child...
<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-...
font-weight: 400 } .layui-edge,.layui-header,.layui-inline,.layui-main { position: relative } .layui-btn,.layui-edge,.layui-inline,img { vertical-align: middle } .layui-btn,.layui-disabled,.layui-icon,.layui-unselect {