關於Hbuild引用mui常用代碼塊以及部分控件.


MUI-最接近原生APP體驗的高性能前端框架,

追求性能體驗,是我們開始啟動MUI項目的首要目標,輕量必然是重要特征;

MUI不依賴任何第三方JS庫,壓縮后的JS和CSS文件僅有100+K和60+K,鑒於之前的很多前端框架(特別是響應式布局的框架),UI控件看起來太像網頁,沒有原生感覺,因此追求原生UI感覺也是我們的重要目標.

MUI是以iOS平台UI為基礎,補充部分Android平台特有的UI控件,可以通過Hbuild引用此控件來開發app,Hbuild在研發app時發揮的效果是非常棒的,高效,便捷,給予用戶舒適的體驗.但是mui框架較多,每次要使用框架時難免會記不住代碼,快是Hbuild一大特色,因此,Hbuild默認是有很多的代碼塊可以直接用的,下面是一些html常用的代碼塊.

組件 觸發字符 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,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM