在温泉用户界面中的自定义修饰符

Question

我在我的科尔多瓦项目中使用温泉用户界面，如何制作像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> 

类.button--orange将被添加。

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

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

您可以通过下面的CSS样式修改后的按钮