这次介绍layui里面的导航栏的样式,首先导航栏的功能依附于element模块,所以想要使用layui的导航栏功能就需要启用该模块,其次是layui的css样式,有了这两样layui里的导航栏就可以正常的使用了,下面我将介绍如何启用模块和css样式的各种用法
首先启用模块,如下图
下面就是HTML的部分了
首先是水平导航栏,在外层使用ul标签并使用class名layui-nav作为导航栏的容器,接着下面的li子标签需要使用class名layui-nav-item,其次layui-this则是页面一开始加载时高亮的样式效果,在li标签里在镶嵌一个a标签作为页面都跳转功能,这样普通的一级