首页 > 编程语言 >小程序input设置为type="number"聚焦时,会出现白屏的情况

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

时间:2023-03-28 09:48:36浏览次数:35  
标签:number 跳转 input 白屏 type 页面

在微信小程序开发过程中,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 页面就正常。

 

标签:number,跳转,input,白屏,type,页面
From: https://www.cnblogs.com/czhowe/p/17263870.html

相关文章