组件
Breadcrumb 面包屑
路径导航，标明当前页在站点层级中的位置；链接 :focus-visible 焦点环。
默认
<ul class="pvs-breadcrumb">
<li class="pvs-breadcrumb__item">
<a class="pvs-breadcrumb__link" href="#">首页</a>
</li>
<li class="pvs-breadcrumb__item">
<a class="pvs-breadcrumb__link" href="#">文档</a>
</li>
<li class="pvs-breadcrumb__item pvs-breadcrumb__item--active">Alert</li>
</ul>箭头分隔
pvs-breadcrumb--arrow 使用 › 分隔符。
<ul class="pvs-breadcrumb pvs-breadcrumb--arrow">
<li class="pvs-breadcrumb__item">
<a class="pvs-breadcrumb__link" href="#">产品</a>
</li>
<li class="pvs-breadcrumb__item">
<a class="pvs-breadcrumb__link" href="#">定价</a>
</li>
<li class="pvs-breadcrumb__item pvs-breadcrumb__item--active">企业版</li>
</ul>类名速查
| 类名 | 说明 |
|---|---|
pvs-breadcrumb | ul 根 |
pvs-breadcrumb__item | li 项 |
pvs-breadcrumb__link | 可点击链接 |
pvs-breadcrumb__item--active | 当前页（无链接） |
pvs-breadcrumb--arrow | › 分隔符样式 |