Layui—导航相关 - 页面元素

01-15 84051阅读 0评论

温馨提示:

文章最后更新时间2021年01月15日,若内容或图片失效,请留言反馈!

导航相关 - 页面元素

导航一般指页面引导性频道集合,多以菜单的形式呈现,可应用于头部和侧边,是整个网页画龙点晴般的存在。面包屑结构简单,支持自定义分隔符。千万不要忘了加载 element模块。虽然大部分行为都是在加载完该模块后自动完成的,但一些交互操作,如呼出二级菜单等,需借助element模块才能使用。你可以移步文档左侧【内置模块 - 常用元素操作 element】了解详情

依赖加载模块:[element]

<script>
//注意:导航 依赖 element 模块,否则无法进行功能性操作
layui.use('element', function(){
var element = layui.element;
 
//…
});
</script>

导航

layui默认导航是水平导航,使用: class="layui-nav".

: 表示导航中的项

水平导航

表示导航 水平导航

|--- 表示导航中的具体项

|--- 表示导航项中的子项

|--- 表示当前被选中的项

垂直导航

: 表示是导航中垂直导航

|--- : 被展开的导航项

|--- : 会垂直占一列

文章版权声明:除非注明,否则均为阿灿博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论取消回复

表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,84051人围观)

还没有评论,来说两句吧...

取消
支付宝二维码
支付宝二维码
微信二维码