MUI組件API

1.accrodion(摺疊面板)；

摺疊面板用ul包裹li標籤，ul的類名爲mui-table-view，li節點類名爲.mui-collapse，默認不展開，加.mui-active類便可默認展開。

2.actionsheet(操做表)；

actionsheet通常從底部彈出，顯示一系列可供用戶選擇的操做按鈕。從popover控件演變而來，因此只須要在含有.mui-popover類的節點上增長.mui-popover-bottom、.mui-popover-action類。操做表推薦使用錨點方法顯示/隱藏，使用js控制顯示隱藏，須要在popover插件的構造方法中傳入「toggle」參數，例如：mui('#sheet1').popover('toggle')。

3.badge（數字角標）；

核心類：.mui-badge,默認爲實心灰背景，mui還內置了藍色（blue）、綠色(green)、黃色(yellow)、紅色(red)、紫色(purple)五種色系的數字角標。.mui-badge-inverted爲無底色的角標。

4.button（按鈕）；

mui默認按鈕爲灰色，還提供了藍色（blue --> primary）、綠色(green --> success)、黃色(yellow --> warning)、紅色(red --> danger)、紫色(purple -->royal)五種色系的按鈕，五種色系對應五種場景..mui-btn類便可生成一個默認按鈕，繼續添加.mui-btn-顏色值或.mui-btn-場景可生成對應色系的按鈕。

（1）普通按鈕

.mui-btn類便可生成默認按鈕，若要改變顏色只需增長對應的類名就能夠了。.mui-btn-outlined可獲得無底色有邊框的按鈕。

（2）加載中按鈕

經過JS API切換 loading和reset狀態，加載中按鈕支持修改 loading狀態的文案、顯示的icon和icon的位置。

data-loading-text；loading 狀態顯示的文案,默認爲:loading；

data-loading-icon；loading 狀態顯示的icon,默認爲mui-spinner或mui-spinner mui-spinner-white（根據按鈕樣式自動識別），爲空表示不使用icon；

data-loading-icon-position；loading 狀態顯示的icon的位置,支持left/right默認left。

五、cardview（卡片視圖）

用於展示一段完整獨立的信息，好比一篇文章的預覽圖、做者信息、點贊數量等。mui-card類便可生成一個卡片容器，卡片視圖主要有頁眉、內容區、頁腳三部分組成。

六、checkbox（複選框）

mui-checkbox類顯示checkbox，默認右側顯示，若須要顯示在左側，只需增長.mui-left類便可。

七、dialog（對話框）

彈出的對話框，包括：alert（警告）、confirm（確認）、prompt（輸入對話框）、toast（自動消失提示框）；

八、gallery（圖片輪播）

圖片輪播繼承自slide插件，因此dom、事件均和slide插件相同。

九、grid（柵格）

相似於bootstrap的柵格，經過類名控制，在類名前加上mui便可。mui-content等同於container,mui-row等同於row。

十、icon（圖標）

只須要在span節點上分別增長.mui-icon、.mui-icon-name兩個類便可（name爲圖標名稱，例如：weixin、weibo等）,具體有哪些圖標請查官方文檔點擊進入

十一、input(表單)

全部包裹在.mui-input-row類中的 input、textarea等元素都將被默認設置寬度屬性爲width: 100%;。 將 label 元素和上述控件控件包裹在.mui-input-group中能夠得到最好的排列。 

加強輸入：快速刪除（.mui-input-clear類）、搜索框（.mui-input-search）類，就可使用search控件、語音輸入*5+ only：爲了方便快速輸入（.mui-input-speech類）、密碼框（.mui-input-password）

十二、list（表單）

1三、mask(遮罩蒙版)

1四、number box(數字輸入框)

1五、offcanvas（側滑菜單）

1六、popover（彈出菜單）

1七、piker（選擇器）

1八、progressbar（進度條）

1九、transparentBar（透明狀態欄）

20、radio（單選框）

2一、range（劃塊）

2二、scroll（區域滾動）

2三、slide（輪播組件）

2四、switch（開關）