在 header element ，手機應用程式Apps開發員可以善用 data-role="collapsible" 來管理及應用手機上的各項Collapsible設計和製作:

Collapsible:
data-collapsed true | false 指定內容是關閉還是展開
data-collapsed-cue-text sometext 指定一些文本，以便為使用屏幕閱讀器軟件的用戶提供聲音反饋。 默認為“單擊以折疊內容”。
data-collapsed-icon Icons Reference 指定可折疊按鈕的圖標。 默認為“加號”
data-content-theme letter (a-z) 指定可折疊內容的主題顏色。 還將為可折疊內容添加圓角
data-expanded-cue-text sometext 指定一些文本，以便為使用屏幕閱讀器軟件的用戶提供聲音反饋。 默認為“點擊展開內容”。
data-expanded-icon Icons Reference 指定內容展開時可折疊按鈕的圖標。 默認為“減號”
data-iconpos left | right | top | bottom 指定圖標的位置
data-inset true | false 指定可折疊按鈕的樣式是否應帶有圓角和一些邊距
data-mini true | false 指定可折疊按鈕是小尺寸還是常規尺寸
data-theme letter (a-z) 指定可折疊按鈕的主題顏色

Collapsible Set: data-role="collapsibleset"
data-collapsed-icon Icons Reference 指定可折疊按鈕的圖標。 默認為“加號”
data-content-theme letter (a-z) 指定可折疊內容的主題顏色
data-expanded-icon Icons Reference 指定內容展開時可折疊按鈕的圖標。 默認為“減號”
data-iconpos left | right | top | bottom | notext 指定圖標的位置
data-inset true | false 指定是否應為可折疊項設置圓角和一些邊距的樣式
data-mini true | false 指定可折疊按鈕是小尺寸還是常規尺寸
data-theme letter (a-z) 指定可折疊集的主題顏色



Contact Us