使用cover-view覆盖小程序原生组件,解决原生组件层级最高的问题

之前在开发小程序过程中,经常会使用到一些原生组件,比如map、video等等,如果这时候页面刚好有需要显示弹窗的话,会发现无论怎么设置模态框的层级,都无法覆盖组这些原生组件。

不过幸好小程序官方有提供cover-view这样的一个容器用来解决这类问题

1 <map></map>

//此处层级比原生组件高
2 <cover-view></<cover-view>

但是cover-view还是有一定局限性,目前cover-view里面只支持嵌套 cover-viewcover-image组件,可在 cover-view 中使用 button

而且cover-view并没有完全支持css里的所有属性,使用时要留意部分属性是否有生效

 

使用cover-view覆盖小程序原生组件,解决原生组件层级最高的问题

上一篇:[20190805]在小程序中使用npm包


下一篇:微信小程序 textarea读取到的文本换行问题 以及保存回车换行到后台