MUI入门

官方地址：https://dev.dcloud.net.cn/mui/

MUI介绍：

其官网上写到：最接近原生APP体验的高性能前端框架。

特点：

轻量

追求性能体验，轻量是重要特征。

MUI不依赖任何第三方JS库，压缩后的JS和CSS文件仅有100+K和60+K

快速体验：

官方推荐：

推荐使用软件：Hbuilder。

具体创建步骤：选择文件，新建“移动APP”，并选择“Hello MUI”工程模板，创建工程；

具体运行步骤：

方式一：然后通过数据线将手机连接上电脑，点击运行，就可以在手机上体验MUI的各项能力。

方式二：通过浏览器运行

一些规范：

1. 新建含mui的HTML文件

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

   

2.输入mheader

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

3.输入mbody

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