MUI-最接近原生APP體驗的高性能前端框架,html
追求性能體驗,是咱們開始啓動MUI項目的首要目標,輕量必然是重要特徵;前端
MUI不依賴任何第三方JS庫,壓縮後的JS和CSS文件僅有100+K和60+K,鑑於以前的不少前端框架(特別是響應式佈局的框架),UI控件看起來太像網頁,沒有原生感受,所以追求原生UI感受也是咱們的重要目標.ios
MUI是以iOS平臺UI爲基礎,補充部分Android平臺特有的UI控件,能夠經過Hbuild引用此控件來開發app,Hbuild在研發app時發揮的效果是很是棒的,高效,便捷,給予用戶溫馨的體驗.可是mui框架較多,每次要使用框架時不免會記不住代碼,快是Hbuild一大特點,所以,Hbuild默認是有不少的代碼塊能夠直接用的,下面是一些html經常使用的代碼塊.git
組件 觸發字符 mDoctype(mui-dom結構) mdo mBody(主體) mbo
mScroll(區域滾動容器) msc mrefreshContainer(刷新容器) mre mHeader(標題欄) mhe mCheckbox(複選框) mch mIcon(圖標) mic mOffcanvas(側滑導航-主界面、菜單同時移動) mof mText(文本框) min mText_Search(搜索框) min mText_Clear(帶清除按鈕的文本框) min mText_Speech(語音輸入) min mForm(表單) mfo mRadio(單選框) mra mRadios(默認選中指定項) mra mPopover(彈出菜單) mpo mprogressbar(進度條-無限循環) mpr mprogressbar(進度條-有準確值) mpr mActionsheet(H5模式彈出菜單) mac mRange(Label+滑塊) mra mSwitch(開關) msw mSwitch(開關Mini) msw mbadge(數字角標) mba mTab(底部選項卡) mta mTabSegmented(div選項卡) mta mTabSegmented(可左右拖動的選項卡) mta mPagination(分頁) mpa mList(列表) mli mListMedia(圖文列表圖片居左) mli mListMedia(圖文列表圖片居右) mli mGrid(九宮格) mgr mGallery-Table(圖文表格) msl mGallery(圖片輪播) msl slide(輪播組件) msl mactionsheet(操做表) act maccordion(摺疊面板) mac mnumbox(數字輸入框) mnu mrefreshContainer(刷新容器) mpu mButton(按鈕) mbu
在開發時可能還會用到部分控件,例如時間控件,可是hbuild自己是沒有mui控件的,須要引入,我是在github上找到了下載源.https://github.com/dcloudio/mui,github