在溫泉用戶界面中的自定義修飾符

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樣式修改後的按鈕