onsen-ui - onsen UI 中的自定义修改器

Question

我在 Cordova 项目中使用 Onsen UI，如何制作像 chevron、tappable 等自定义修饰符？在文档中，这与http://onsen.io/guide/overview.html#UsingModifier无关。

我想制作主题切换器并加载另一个 css 文件，例如modifier="orange" 或 modifier="blue"。谢谢。

Answer 1

定义自定义修饰符非常简单。修饰符会向 CSS 基类添加后缀，即 <ons-button>基类是.button ，所以如果你写

<ons-button modifier="orange">Orange button</ons-button>

类(class).button--orange将被添加。您可以使用以下 CSS 设置修改后的按钮的样式:

.button--orange {
  background-color: #ffb836;
}

看看这个简单的例子是如何完成的: http://codepen.io/argelius/pen/bVwzJL