Serena_tz的博客

使用MUI框架开发APP，开启沉浸式导航以后，我们导航要留足状态栏的高度距离，但是在不同的机型下，状态栏的高度是不一样的，所以我们要获取状态栏的高度，动态修改导航的上偏移量。首先，如果开启了沉浸式导航，就要获取状态栏的高度，导航栏的整体高度为自身高度加上状态栏高度，上边距为状态栏高度。双击标题栏滑回顶部：@doubletap=“scrollToTop()”，触发代码关键词：mh。在需要修改的状态栏颜色的前一个页面引入MUI H5模板的common.js。在需要修改状态栏颜色的页面修改状态栏颜色。

使用MUI框架搭建项目，首先我们要下载一个HBuilderX。使用HBuilderX新建一个项目，在工具栏选择文件–新建–项目。选择5+App项目，选择mui项目模板，输入项目名称，创建成功！项目目录如下，包含基本的mui的css、js文件，入口文件是index.html。输入mh可以快速生成标题栏。生成的代码如下。页面效果如图所示。输入mbo，创建项目主体代码。在mui-content包含的盒子内书写代码，属于项目主体的代码，当需要滚动的时候，mh生成的标题栏仍然一直在顶部。输入

使用MUI的底部导航栏想要修改导航顶部分割线。添加子页面的时候要为底部导航预留位置。如上bottom的值为50px，因此底部导航栏只有50px的位置。设置导航栏分割线最好使用线条，因为阴影有一个区域，不好为其预留位置展示。.........

提前调用5+APi、设置titleNView、titleNView配置导航示例、uni-app发行成h5以后挂在5+APP的返回、修改原生导航titleNView的值不生效、原生导航设置边距、获取状态栏高度、安卓手机键盘抬起改变视口高度、判断机型，适配安全区域、手机底部适配、行为验证码

mui移动端的ui框架。使用hbuilderX配合开发更方便。我们在文件–>新建–>项目中，选择5+App的项目类型，然后选择项目模板。默认模板只有基础结构。mui项目包含mui项目需要用到的js、css、字体等资源。Hello mui中包含mui所有ui控制的展示，开发的时候选择mui项目。配合官网的文档就可以使用mui ui框架。...