Skip to content

面包屑

概述

显示当前页面在系统层级结构中的位置,并能向上返回。

何时使用

当系统拥有超过两级以上的层级结构时
当需要告知用户『你在哪里』时
当需要向上导航的功能时

常规样式

每个节点的名称字数建议不超过8个,超过展示…
一般情况下面包屑的所有节点名称都需要展示完全,若遇到极限情况,必须保证当前节点(最后一个节点)的名称必须展示完全,其他上级节点按照等字数省略,如下:

交互说明

鼠标Hover非当前层级高亮该层级,点击当前页面以上的层级导航时,可跳转至该层级导航

下钻页面>2时,面包屑可变化为下方样式,避免下钻层级过多时面包屑层级过多

面包屑和页头的组合示意