onsen UI中的自定义修改器

Question

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

无关

我想制作主题切换器并加载其他css文件，例如modifier="orange"或modifier="blue"。 THX。

Answer 1

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

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

将添加课程.button--orange。您可以使用以下CSS设置修改后的按钮的样式：

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

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