Layui导航面包屑

Posted zyxsblogs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Layui导航面包屑相关的知识,希望对你有一定的参考价值。

物不在多,有用则精!

学习使用链接

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

水平、垂直、侧边三个导航的html结构是完全一样的,不同的是:

垂直导航需要追加class:layui-nav-tree 
侧边导航需要追加class:layui-nav-tree layui-nav-side

面包屑

首页国际新闻亚太地区正文

1 <span class="layui-breadcrumb">
2   <a href="">首页</a>
3   <a href="">国际新闻</a>
4   <a href="">亚太地区</a>
5   <a><cite>正文</cite></a>
6 </span>
7       

 


以上是关于Layui导航面包屑的主要内容,如果未能解决你的问题,请参考以下文章

intellij idea 面包屑导航 默认展示

前端特效制作 | CSS3圆形风格面包屑导航

yoast breadcrumb面包屑导航修改去掉product

bootstrap面包屑导航

将面包屑 php 添加到我的引导导航栏

WordPress主题开发:制作面包屑导航