ONSEN UI 为每个列表应用不同的颜色

Question

我有 3 个列表，我想为每个列表应用不同的颜色， 我该怎么做？

<ons-list class="one">
  <ons-list-item>
    ...
  </ons-list-item>
</ons-list>


<ons-list class="two">
  <ons-list-item>
    ...
  </ons-list-item>
</ons-list>

<ons-list class="three">
  <ons-list-item>
    ...
  </ons-list-item>
</ons-list>

Answer 1

您可以使用 modifier 属性。

<ons-list modifier="one">
    <ons-list-item />
</ons-list>

然后在您的 CSS 中，您可以将样式应用于列表和列表项：

.list--one {

}

.list--one .list__item {
}