关于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,

巴特西

关于Hbuild引用mui常用代码块以及部分控件.

最新文章

热门文章