收藏
回答

Canvas 原生组件 z-index 层级问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 canvas 客户端 7.0.4 2.7.1

需求:

想要实现一个类似下图这样的效果:


黑色区域用的 Painter ,是一个 <canvas> ;tabbar 是固定的一块,其中包含一个 <input> 和 <button> 。希望黑色区域能在 tabbar 之下;而且黑色区域中还存在一个 loading view ,所以,也能使它在 loading 之下。

问题:

在真机上,黑色区域会覆盖 tabbar 。查了查,说是可以使用 <cover-view> 跨越层级,但是它里边不能包含 <input> 。又查到,已经支持 <video> 原生组件设置 z-index 了。<canvas> 什么时候会支持呢?

大佬们有遇到类似问题吗,有什么好的解决方案?

感谢。



回答关注问题邀请回答
收藏

2 个回答

  • 禾店短剧系统
    禾店短剧系统
    2021-06-10

    canvas是原生组件,原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。

    2021-06-10
    有用 1
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-06-17

    canvas在7.0.4已经支持设置z-index了


    2019-06-17
    有用 1
    回复 5
登录 后发表内容