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的代码块。