加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai特色块面包屑

面包屑

面包屑(Breadcrumb)提供一种直观的导航方式,使用户了解当前所在位置,并能够方便地返回到上一层或者更高层次的页面。

文章目录

内容设置

根据区块的基本设置选项自动生成当前文章/页面的详细路径信息。

配置选项

基本设置

全局样式

Select 设置区块对应的全局样式。

分类目录

Select 设置面包屑路径的分类规则。

分割符

Select 设置路径之间的分割元素形式,包含文字或图标两种形式。

分割文字

Select 设置路径之间的分割元素为文字形式的内容。

分割图标

Select 设置路径之间的分割元素为图标形式的内容。

显示当前页面

Boolean 是否显示当前页面名称。

添加链接

Boolean 是否为路径元素添加链接。

新窗口打开

Boolean 路径元素链接的打开方式。

元素

<div class="mk-breadcrumb">
  <span class="el-item"><a href="home">Home</a></span>
  <span class="el-separator"> – </span>
  <span class="el-item"><a href="category-1">Category 1</a></span>
  <span class="el-separator"> – </span>
  <span class="el-item"><a href="category-2">Category 2</a></span>
  <span class="el-separator"> – </span>
  <span class="el-item current">the page title</span>
</div>

面包屑区块提供以下元素的设置:

  • 父容器 .mk-breadcrumb
  • 路径元素 .el-item
  • 分隔符 .el-separator

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧