组件

Subnav 子导航

次级水平导航；常放进 sticky-bar 或文档页顶。

默认

概述
安装
即将推出

<ul class="pvs-subnav">
  <li class="pvs-subnav__item pvs-subnav__item--active">
    <a class="pvs-subnav__link" href="#">概述</a>
  </li>
  <li class="pvs-subnav__item">
    <a class="pvs-subnav__link" href="#">安装</a>
  </li>
  <li class="pvs-subnav__item pvs-subnav__item--disabled">
    <span class="pvs-subnav__link">即将推出</span>
  </li>
</ul>

胶囊与分隔

<ul class="pvs-subnav pvs-subnav--pill pvs-mb-4">
  <li class="pvs-subnav__item pvs-subnav__item--active">
    <a class="pvs-subnav__link" href="#">Pill 激活</a>
  </li>
  <li class="pvs-subnav__item">
    <a class="pvs-subnav__link" href="#">项 B</a>
  </li>
</ul>
<ul class="pvs-subnav pvs-subnav--divider">
  <li class="pvs-subnav__item pvs-subnav__item--active">
    <a class="pvs-subnav__link" href="#">分隔</a>
  </li>
  <li class="pvs-subnav__item">
    <a class="pvs-subnav__link" href="#">项</a>
  </li>
</ul>

类名速查

类名	说明
`pvs-subnav`	ul 根
`pvs-subnav__item / __link`	项 / 链接
`pvs-subnav__item--active`	当前项
`pvs-subnav__item--disabled`	禁用
`pvs-subnav--pill`	药丸激活样式
`pvs-subnav--divider`	竖线分隔