新手指南

Once you've downloaded mui, here's what to do next.

快速体验

Quickly get up and running with a mui app.

1. 下载Hello mui App

点击下载 已打包好的Hello mui 手机app,直接在手机上体验mui的控件UI及能力展示;

2. 创建Hello mui工程

可从https://www.dcloud.io下载Hbuilder,选择新建“移动APP”,并选择“Hello MUI”工程模板,创建工程;然后通过数据线将手机连接上电脑,点击运行,就可以在手机上体验MUI的各项能力。

快速构建页面

3步搭好页面主框架

1. 新建含mui的HTML文件

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

2.输入mheader

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

3.输入mbody

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

4.完整代码块请参考

snippet

社区

更多在线交流,和大家一起推进mui的成熟.

  1. 发现bug,欢迎到Github提交Issues

  2. 经验分享、方案咨询,欢迎到Dcloud的问答社区一起讨论

也可以关注微信公众号:DCloud、新浪微博:@数字天堂网络 获得最新咨询。