记录下最近使用的 mui 的一些 bug

Get Started:

mui 官网是这么介绍自己的,最接近原生 APP 体验的高性能前端框架(是不是大家用了之后自己感觉吧)。之前有短暂的使用过 dcloud 的 hbuilder 编辑器,也知道它能进行 app 开发。首先要了解一下 HTML5+ 的标准,然后熟悉一下 mui 的组件,还有它自身的事件管理、窗口管理、自己封装的 Ajax 函数等等。入手的话,先熟悉下 hbuilder 这个编辑器吧,熟悉一些常用的功能。然后了解 HTML5+ ,了解常用的 mui 页面跳转、事件管理和请求的方法。最后,再去学习多端发布和流应用。流应用是 dcloud 的一个创新产品,基于HTML5+技术,可达到原生应用的体验。具体是什么东西,去百度下就都出来啦。

学习的时候,这个作者有关 mui 的教程应该是看过中最全的了。
戳这里

问题1:

app端连续关闭多页面时候,某些应该显示的 webview 的 z-index 值会变小或者隐藏掉。使得这个功能看起来回到了首页...很尴尬。

解决的方法:
关闭页面后,给需要显示的 webview 调用一下 show 的方法。

问题2:

当上拉加载容器上有内容时,ios与Android页面距离顶部的距离不一样。

解决方法:
只能是通过判断系统之后...去分别设置 margin 。

问题3:

mui back兼听不到ios侧滑。

解决方法:禁用侧滑...(hhh)

安卓手机输入法挤压界面解决办法

一、首先说一下页面会变形的原因,主要是因为定位用的是fixed或者absolute,在页面输入框弹出时,导致clientHeight变化引起的。

解决办法:

1、如果是mui等混合app的页面:

var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;

window.onresize=function(){

    var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;

    if(resizeHeight*1<originalHeight*1){

         plus.webview.currentWebview().setStyle({height:originalHeight });

     }

}

2、如果是html页面的话,我是利用把fixed或者absolute的元素定位转成relative来解决的:


var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;
      document.querySelector('.container').style.height=originalHeight.toString()+'px'
      window.onresize=function(){
        var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
        if(resizeHeight*1<originalHeight*1){ 
            document.querySelector('.section-bottom').style.position='relative'
        }else{
          document.querySelector('.section-bottom').style.position='fixed'
--------------------- 


 

猜你喜欢

转载自blog.csdn.net/weixin_42400955/article/details/84064986