layui-nav{ border-top-left-radius: 0; border-top-right-radius: 0; } .header .nav li{ width: 100%; text-align: center; } .mobile-icon{ display: block; color: #FFF; font-size: 30px; float: right; margin-top: 15px; } .layui-nav .layui-this:after, .layui-nav-bar, .lay...
layui2.0版本修改了很多地方:如varform = layui.form;varelement = layui.element; laypage.render(options) 不知道为什么无法回复评论,在这里说一下,这个生成依赖 tab.js / navbar.js / common.js 三个js文件,需要将三个文件下载下来或者拷贝形成js文件引入即可。 在博客上上传了个例子,可下载layui-navbar....
$(".layui-nav-bar").css("display","none"); //鼠标悬浮navMouseOver();//鼠标移出navMouseOut(); });//当鼠标经过时 设置展开菜单的宽度及位置的CSS样式functionnavMouseOver() { $(".nav-custom").each(function() { $(this).mouseover(function() {//当鼠标放上时显示子菜单$(this).children...
.layui-layout-admin .layui-header .layui-nav-child { top: 48px; } .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #1890ff; } .layui-laypage a:hover { color:#2d8cf0; } .layui-nav-tree .layui-nav-bar { background-color: #1890ff; } .layui-pro...
element.render('nav', 'test1'); //对 lay-filter="test1" 所在导航重新渲染。注:layui 2.1.6 版本新增 //…… 事件监听 语法:element.on('event(过滤器值)', callback); element模块在Layui事件机制中注册了element模块事件,所以当你使用layui.onevent()自定义模块事件时,请勿占用element名。目前element...
element.render('nav', 'test1'); //对 lay-filter="test1" 所在导航重新渲染。注:layui 2.1.6 版本新增 //…… 事件触发 语法:element.on('event(过滤器值)', callback); element 模块在 layui 事件机制中注册了element 模块事件,所以当你使用 layui.onevent() 自定义模块事件时,请勿占用 element 名...
common, cacheName = 'tb_navbar'; var Navbar = function () { /** * 默认配置 */ this.config = { elem: undefined, //容器 data: undefined, //数据源 url: undefined, //数据源地址 type: 'GET', //读取方式 cached: false, //是否使用缓存 spreadOne: false //设置是否只展开一个二级...
layui.use('util', function(){ var util = layui.util; //执行 util.fixbar({ bar1: true ,click: function(type){ console.log(type); if(type === 'bar1'){ alert('点击了bar1') } } }); }); 这是一个精致的封装,它并不负责视图的呈现,而仅返回倒计时数值,这意味着你可以将它应用在任...
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> <li ...
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand"href="#">品牌</a> <button class="navbar-toggler"type="button"data-toggle="collapse"data-target="#navbarNav"aria-controls="navbarNav"aria-expanded="false"aria-label="Toggle navigation"> ...