### 何时使用

当系统超过两级以上层级结构；

当系统需要让用户了解自己所处位置时；

当需要有返回上一层级导航功能时。

### 组件常见用法

##### 面包屑中文案过长时，可缩略显示，鼠标 hover 时显示全部。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/20211102115411.png" />
  </div>

  <div class="item">
  </div>
</div>

### 推荐/慎用示例

##### 面包屑为辅助导航，应避免过于强调导致成为页面视觉焦点。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/20211102115359.png" />
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/good.png" />
  </div>

  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/20211102115326.png" />
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/bad.png" />
  </div>
</div>
