Hbulider & MUI

Hbulider

Hbulider: http://www.dcloud.io/hbuilderx.html

Hbulider与MUI可快速制作基于HTML5的App

 

MUI

1. 新建含mui的HTML文件

在Hbuilder中，新建HTML文件，选择”含mui的HTML“模板，可以快速生成mui页面模板，该模板默认处理了mui的js、css资源引用。

2.输入mheader

顶部标题栏是每个页面都必需的内容，在Hbuilder中输入mheader，可以快速生成顶部导航栏。

3.输入mbody

除顶部导航、底部选项卡两个控件之外，其它控件都建议放在.mui-content控件内，在Hbuilder中输入mbody，可快速生成包含.mui-content的代码块。

4.代码块

官方文档: http://dev.dcloud.net.cn/mui/snippet/