1：mui基礎
頭部：mh
身體：mb
尾部：mt
列表：ml
2：摺疊面板
maccording
3：操作表
mActionsheet
關閉操作表：
$(function(){
$("#cancel").bind("tap",function(){
mui("#sheet").popover("toggle");
});
});
注意：要引入jquery
4：數字角標
mbadge
一般用於未讀消息
5：按鈕
mButton
6:卡片視圖（無快捷鍵）
<div class="mui-card">
<div class="mui-card-header">
頭
</div>
<div class="mui-card-content mui-content-padded">
<img src="img/1.jpg" width="100%"/>
</div>
<div class="mui-card-footer">
尾部
</div>
</div>
7：複選框
mCheckbox
8：消息框 （mui的alert等）
提示消息，確認消息，輸入消息，自動消失消息
eg：$(function() {
$("#alert").bind("tap", function() {
mui.alert("點擊", "確認刪除嗎？", "yes", function() {
$("#con").html("彈出消息框被調用");
})
});
$("#confirm").bind("tap", function() {
mui.confirm("確認刪除嗎？", "刪除標題", ["確認", "取消", "關閉"], function(e) {
var e = e.index;
if(e == 0) {
$("#con").html("確認");
} else if(e == 1) {
$("#con").html("取消");
} else if(e == 2) {
$("#con").html("關閉");
}
})
});
$("#input").bind("tap",function(){
mui.prompt("輸入","默認輸入","輸入標題",["確認","取消"],function(e){
var e1=e.index;
var e2=e.value;
$("#con").html(e1);
});
});
$("#autodisappare").bind("tap",function(){
mui.toast("拜拜");
});
});
9：圖片輪播（參考圖片輪播）
啓動：mui輪播組件
$(function() {
mui("#slider").slider({
interval: 1000
});
});
10：柵格
mGrid
11：圖標
mIcon （可用style 修改顏色）
12：表單
mform（參考表單）
min
13：蒙版
var m=mui.createMask(function(){
mui.alert("123","123","yes");
});
m.show();
14：數字輸入框
mn
15:側滑菜單
mOffcanva（在body外寫，本頁面body不寫內容）
16：彈出菜單
mPopove（不常用，瞭解）
17：選擇器
參考案例即可
18：進度條
mprogressba
19：單選mradio 滑塊mrange 開關mSwitch