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常用代码块以及部分控件.的更多相关文章

  1. vs2015常用代码块与自定义代码块

    常用代码块 代码段名 描    述 #if 该代码段用#if和#endif命令围绕代码 #region 该代码段用#region和#endregion命令围绕代码 ~ 该代码段插入一个析构函数 att ...

  2. Android 使用代码主动去调用控件的点击事件(模拟人手去触摸控件)

    使用代码主动去调用控件的点击事件(模拟人手去触摸控件) //View 可以是LinearLayout,Button,TextView View.performClick();

  3. iOS 常用代码块

    1.判断邮箱格式是否正确的代码: // 利用正则表达式验证 -( BOOL )isValidateEmail:( NSString  *)email {   NSString  *emailRegex ...

  4. ios-将代码创建的视图控件放入拖拽控件的下面

    如图所示 图片是拖拽上去的imageView,橘黄色控件是在代码中创建的添加上去的,此时黄色view在imageView 上方 调用方法bringSubviewToFront:试图将imageView ...

  5. 在VB中动态执行VBS代码,可操控窗体控件

    通过执行一段VBS代码来操控窗体内的控件也可以使用AddObject方法添加自己的类,那么在动态VBS代码中也一样可以使用在增加程序扩展性或是有脚本化需求的时候,这个方法还是不错的. Option E ...

  6. C# Winfrom常用的几个公共控件

    ComboBox控件的使用方法: //首先写好查询方法,实例化对象, NationData nd = new NationData(); List<Nation> NN = new Lis ...

  7. UpdatePanel中用后台CS代码调用JS代码,先执行控件事件,后触发JS

    引用地址: http://www.cnblogs.com/silenkee/articles/1609831.html   页面中加入了UpdatePanel后,Response.Write(&quo ...

  8. Qt Designer布局预览正常,代码调用时所有控件堆在一起

    一.实验环境 1.Windows10x64 2.anaconda4.6.9 + python3.7.1(anaconda集成,不需单独安装) 3.pyinstaller3.5 二.问题描述 1.Qt ...

  9. vue.js引用出错-script代码块放在head和body中的区别

    这篇随笔是为了记录vue.js引用出错的原因,看到最后原来是vue.js代码放在head中不能正常使用,要最后发现要将其放在body中才行... 原来是js代码放在head和body中的区别问题,占个 ...

随机推荐

  1. Lightgbm 随笔

    lightGBM LightGBM 是一个梯度 boosting 框架,使用基于学习算法的决策树.它可以说是分布式的,高效的,有以下优势: 更快的训练效率 低内存使用 更高的准确率 支持并行化学习 可 ...

  2. 《深入理解java虚拟机》读书笔记——垃圾收集与内存分配策略

    可回收判定两种算法 引用计数法(Reference Counting):引用为0时可回收. 可达性分析法(Reachability Analysis): 从GCRoots对象到这个对象不可达. GCR ...

  3. 如何系统的学习Java

    初学者记住一点,学习Java一定是连续性的且循序渐进的“系统化”学习,首先我给你提供一个优秀Java工程师的学习路线. web前端方面:html.css,Java.jQuery.xml解析.Boots ...

  4. Xilinx Zynq ZC-702 开发(01)—— 概览

    1.资料获取:https://github.com/Xilinx(开发所需资源,包括:交叉编译工具,linux kernel 源码,u-boot 源码, device-tree 源码,  qemu,  ...

  5. ASE存储过程和IQ存储过程的常见区别(附例子)

    ASE存储过程和IQ存储过程的常见区别(附例子) 1 存储过程简介 存储过程(Stored Procedure)是为了完成特定的功能而汇集成一组的SQL语句集,并为该组SQL语句命名.经编译后存储在S ...

  6. Python中函数和方法的区别

    方法是一种特殊的函数属于某个类的的函数叫方法不属于某个类的函数叫函数 转自csdn https://blog.csdn.net/weixin_40380298/article/details/7825 ...

  7. Unity shader 官网文档全方位学习(二)

    摘要: 这篇文章主要介绍Lighting model及自定义Lighting model 上文咱们学了surface shader.这玩意在开始的时候啊,在定义哪个函数处理surface时用一定要指定 ...

  8. python学习Day11 函数的参数列表

    复习 什么是函数? 具体特定功能的代码块 - 特定功能代码作为一个整体,并给该整体命名,就是函数 函数的优点 : 1.减少代码的冗余,2.结构清晰,可读性强 3.具有复用性,开发效率高,维护成本高 如 ...

  9. 7、...arg ...[1,2,3] 数组扩展

    1.将离散的参数转成数组 2.将数组拆成单个离散的值 https://blog.csdn.net/qq_30100043/article/details/53391308 箭头函数写法 函数名 -&g ...

  10. C#中将ListView数据导出为excel(转载)

      首先引用excel库,下面我把代码贴出来.                 /// <summary>        /// 将ListView的内容写入Excel表中         ...