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,