温泉中的自定义修饰符 UI

Question

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

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

Answer 1

定义自定义修饰符非常简单。修饰符会在基数 CSS class 上添加后缀，即对于 <ons-button>，基数 class 是 .button，因此如果您写

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

将添加class .button--orange。您可以使用以下 CSS:

来设置修改后的按钮的样式

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

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

Custom modifier in onsen UI