Question

我正在尝试创建一个＆＃39; li＆＃39;包含应用级导航图标的元素。我有一个css课程＆＃34; is-active＆＃34;这突出了活跃的＆＃39; li＆＃39;列表中的元素，指示导航架构中的活动位置。我希望Maquette JS能够呈现相应的图标，并突出显示＆＃39;当最终用户选择它时。我正在尝试使用类：{}属性：

"classes": this._activeNavElementId === navItem.id ? "nav-menu-item nav-menu-item-is-active" : "nav-menu-item", ...

显然这是一种不正确的用法。本教程提供了一个示例，其中布尔值确定类是否在classList中;但是，我实际上需要使用classList A if true或classList B if false。

很难找到maquettejs条件css的好例子。有什么想法吗？

Answer 1

条件CSS类的工作原理如下：

h("li.nav-menu-item", {
  "classes": {
    "nav-menu-item-is-active": this._activeNavElementId === navItem.id
  }
}

Maquette JS条件CSS

1 个答案: