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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值