Breadcrumb 面包屑

用于定位页面在层次结构内的位置，并根据需要可以返回上级页面。

---

开发说明

只是样式上的变化。

组件构成

元素	说明	是否必须
文字标签	用以表示页面名称，文字标签可替换为图标。	是
分隔符	用以分隔每级页面，默认为右箭头 >。	是

基础面包屑

广泛的基础用法，系统拥有超过两级以上的层级结构，用于切换向上任意层级的内容。

交互规则

元素	说明	交互
父级页面	如上图中的页面1、页面2。	默认情况下，父级页面均为可点击跳转的链接。
分隔符	如上图中的 >。	不可点击。
当前页面	如上图中的页面3。	不可点击。

何时使用

• 当系统超过两个或以上层级结构；
• 当系统需要让用户了解自己所处的位置时；
• 当需要有返回上一层级导航的功能时。

文案指南

• 面包屑的文本标签尽量简短明确，各级页面名称应当简短并准确反映页面内容，应尽量避免使用过长的文本内容。

• 若面包屑文本标签过长，超过160px或12个中文字符时，可采用以下方式优化视觉：

  1、使用...省略号截断内容 ；

  2、鼠标 hover 后使用 tooltip 展示全部内容。