小程序input设置为type="number"聚焦时,会出现白屏的情况

在微信小程序开发过程中,input聚焦时会出现白屏的情况,如图:

 

 经过测试发现当input设置为type="number"聚焦时,当微信数字键盘弹出来的时候就会白屏,有的手机会闪(一下整个白屏,一下能看见输入框)

可能出现的原因:

1.a页面使用了cover-view,然后跳转到b页面点击type="number"的input组件就会白屏,将a页面的cover-view换成view就没事了。

2.看看自定义tabbar是不是给cover-view cover-image加了例如border- radius等样式。

3.首页跳转这个页面时,输入框为小数点模式,就这效果。后来去掉当前页面所有样式、JS,与官方保持一样,单这个页面运行正常。后来发现是从首页跳转到这个页面是才会有这个问题。把跳转的方法从navigateto 改 redirectTo 页面就正常。

 

posted @ 2023-03-28 09:32  时光独醒  阅读(233)  评论(0)    收藏  举报