关于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常用代码块以及部分控件.的更多相关文章
- vs2015常用代码块与自定义代码块
常用代码块 代码段名 描 述 #if 该代码段用#if和#endif命令围绕代码 #region 该代码段用#region和#endregion命令围绕代码 ~ 该代码段插入一个析构函数 att ...
- Android 使用代码主动去调用控件的点击事件(模拟人手去触摸控件)
使用代码主动去调用控件的点击事件(模拟人手去触摸控件) //View 可以是LinearLayout,Button,TextView View.performClick();
- iOS 常用代码块
1.判断邮箱格式是否正确的代码: // 利用正则表达式验证 -( BOOL )isValidateEmail:( NSString *)email { NSString *emailRegex ...
- ios-将代码创建的视图控件放入拖拽控件的下面
如图所示 图片是拖拽上去的imageView,橘黄色控件是在代码中创建的添加上去的,此时黄色view在imageView 上方 调用方法bringSubviewToFront:试图将imageView ...
- 在VB中动态执行VBS代码,可操控窗体控件
通过执行一段VBS代码来操控窗体内的控件也可以使用AddObject方法添加自己的类,那么在动态VBS代码中也一样可以使用在增加程序扩展性或是有脚本化需求的时候,这个方法还是不错的. Option E ...
- C# Winfrom常用的几个公共控件
ComboBox控件的使用方法: //首先写好查询方法,实例化对象, NationData nd = new NationData(); List<Nation> NN = new Lis ...
- UpdatePanel中用后台CS代码调用JS代码,先执行控件事件,后触发JS
引用地址: http://www.cnblogs.com/silenkee/articles/1609831.html 页面中加入了UpdatePanel后,Response.Write(&quo ...
- Qt Designer布局预览正常,代码调用时所有控件堆在一起
一.实验环境 1.Windows10x64 2.anaconda4.6.9 + python3.7.1(anaconda集成,不需单独安装) 3.pyinstaller3.5 二.问题描述 1.Qt ...
- vue.js引用出错-script代码块放在head和body中的区别
这篇随笔是为了记录vue.js引用出错的原因,看到最后原来是vue.js代码放在head中不能正常使用,要最后发现要将其放在body中才行... 原来是js代码放在head和body中的区别问题,占个 ...
随机推荐
- django用户权限操作
第一步:创建数据库和超级管理员,为了比较方便使用(里面有些的是没用的),额外新增 chioces , per_method , argument_list # 用户权限# 建立一个权限表,将映射关系存 ...
- JHipster简介
JHipster简介 JHipster或者称Java Hipster,是一个应用代码产生器,能够创建Spring Boot + AngularJS的应用.开源项目地址:JHipster/Github. ...
- 魔力Python——一些基本概念
1.I/O操作 I/O输入/输出(input/output)的缩写. 概念I/O系统,英文全称为“Input output system”,中文全称为“输入输出系统”,由输入输出控制系统和外围设备两部 ...
- nginx问题集锦
1.配置访问指定路径的文件 以访问/mnt/data/logs下文件为例,修改nginx.conf配置,执行命令重新加载/usr/local/nginx/sbin/nginx -s reload lo ...
- 【转】如何用Eclispe调试java -jar xxx.jar 方式执行的jar包
原文地址:https://www.cnblogs.com/zzpbuaa/p/5443269.html 有时候,我们经常会需要调试 java -jar xxx.jar方式运行的代码,而不是必须在Ecl ...
- Laravel 5.3 单用户登录的简单实现
需求 一个用户不能重复登录. 后登录者可以踢掉前者. 设计思路: 核心概念 用户ID: 是用户表主键 singleToken 算法: singleToken = md5(用户IP + 用户ID + 登 ...
- iframe父页面获取子页面元素方法
1.window.frames["iframe的id"].contentDocument.getElementsByClassName("mycontainer" ...
- linux下安装zabbix
1.安装源:sudo rpm -ivh http://repo.zabbix.com/zabbix/3.2/rhel/6/i386/zabbix-release-3.2-1.el6.noarch.rp ...
- string转可空类型
string类型转可空类型 string.IsNullOrEmpty(str) ? (int?)null : int.Parse(str) 此处要注意将null转为可空的类型才可以,不然会报错
- 区块链入门(5)Truffle 项目实战,Solidity IDE, 智能合约部署
在上一张我们学习了Truffle项目的创建,部署等相关内容,今天我们就来实战一下. 今天我们要做3件事: 1) 学习搭建一个Solidity IDE(Remix). 2) 使用这个Solidity I ...