Meteor 中的活动路线导航栏突出显示

Question

我正在尝试突出显示如下 Medium.com 中所示的活动导航栏项目。我已经添加了 zimme:iron-router-active 包，但我仍然没有达到我想要的效果。按下项目时实现粗体突出显示和底部栏的最简单方法是什么？

这是我目前所拥有的：

 <div class="navSecondary">
        <div class="menu" align="center">
            <ul class="menu-items">
                <li class="{{ isActiveRoute home }}"><a href="{{pathFor 'home'}}"> HOME </a></li>
            </ul>
        </div>
 </div>

有更好的方法吗？

Answer 1

<nav>
  <ul>
    <li class="{{isActiveRoute regex='home'}}"><a href="{{pathFor 'home'}}"> HOME </a></li>
  </ul>
</nav>

Meteor 中的活动路线导航栏突出显示

Active routes navbar highlighting in Meteor

css

navigation

effects

meteor