按鈕是移動app不可或缺的一部分,不同風格的app,需要的不同按鈕的樣式。
預設情況下,按鈕顯示樣式為:<b>display: inline-block</b>。
button-block 樣式按鈕顯示為:<b>display: block</b>,它将完全填充父元素的寬度,包含了内邊距屬性padding。
使用 button-full 類,可以讓按鈕顯示完全寬度,且不包含内邊距padding。
button-large 設定為大按鈕,button-small 設定為小按鈕。
button-outline 設定背景為透明。
button-clear 設定按鈕背景為透明,且無邊框。
我們可以在按鈕上添加圖示。
頭部/底部可以添加按鈕,按鈕的樣式根據頭部/底部來設定,是以你不需要為按鈕添加額外的樣式。
button-clear 類可以設定無背景和邊框的頭部/底部按鈕。
我們可以使用 button-bar 類來設定按鈕欄。以下執行個體中,我們在頭部和内容中添加了按鈕欄。