### 何时使用

导航菜单是整个网站的必要元素，可根据业务场景使用不同的导航样式和布局；

### 与页面布局相关

##### 导航栏的对齐布局方式可参考【[布局 Layout](./layout)】。

### 推荐/慎用示例

##### 当侧边导航菜单过多时，可将菜单分层级显示，避免内容过多无法在一屏显示完整。

<div class="legend">
  <div class="item">
    <img src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/design/%E5%AF%BC%E8%88%AA-----------1@2x.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/%E5%AF%BC%E8%88%AA-----------2@2x.png"/>
    <img class="tag" src="https://oteam-tdesign-1258344706.cos.ap-guangzhou.myqcloud.com/site/doc/bad.png" />
  </div>
</div>
