组件演示
层级过多 + 下拉切换
Home
/
一级导航
/
···
/
/
当前页面
基础面包屑
Home
/
一级导航
/
二级导航
/
当前页面
悬停状态
Home
/
一级导航
/
二级导航
/
当前页面
层级过多（中间省略）
Home
/
一级导航
/
···
/
四级导航
/
当前页面
规格参数
| 元素 | 属性 | 规格值 |
|---|
| 上级页面节点 |
字号 / 字重 |
14px · 400 |
| 默认颜色 |
#6B7A99 |
| Hover 颜色 |
#3388FF，过渡 0.15s，可点击跳转 |
| 当前页面节点 |
颜色 |
#223355 |
| Hover |
无变化，不可点击 |
| 分隔符 |
样式 / 间距 |
/，颜色 #6B7A99，左右各 8px |
| 省略号 |
样式 |
···，颜色 #6B7A99，层级过多时替换中间节点 |
| 下拉切换 |
触发 |
节点右侧显示下拉箭头 12×12px，点击展开 |
| 箭头展开态 |
rotate 180deg，过渡 0.2s |
| 下拉菜单宽度 |
min-width: 140px，距节点底部 6px |
| 菜单样式 |
白底，1px solid #E9ECF2，圆角 8px，内边距 8px，阴影 0 8px 24px rgba(18,74,180,0.12) |
| 菜单项 |
高度 36px，圆角 4px；默认 #223355；Hover 背景 #F5F7FA + 文字 #3388FF；当前选中文字 #3388FF |