解决小程序中 cover-view无法盖住canvas的问题,仅安卓出现这个问题

Posted Magic.C

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决小程序中 cover-view无法盖住canvas的问题,仅安卓出现这个问题相关的知识,希望对你有一定的参考价值。

原因在于系统页面渲染的差异,在安卓中页面dom的渲染并不是完成按照上下顺序来的,

有可能出现写在后面的dom被先渲染出来,因此会随机出现能盖住、不能盖住的情况,很诡异是不是?

开发者工具中并非真机,只是模拟显示,调整时显示正常不代表真机中正常

 

解决方式很简单:

将cover-view的渲染延迟一些,例如设定500ms后显示

 

此问题在页面调用echarts时出现,而echarts用的是canvas实现,希望对你有帮助!

以上是关于解决小程序中 cover-view无法盖住canvas的问题,仅安卓出现这个问题的主要内容,如果未能解决你的问题,请参考以下文章

理解小程序cover-view

小程序自定义tabbar custom-tab-bar 6s出不来解决方案,cover-view不兼容

微信小程序原生组件cover-view内当文字超出宽度时显示不全

小程序 cover-view 使用

小程序cover-view踩过的坑

小程序cover-view踩坑