【video组件】层级遮挡疑问(微博竟然没这个问题)
发布于 6 年前 作者 minyin 12315 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

小程序中的【video组件】为原生组件,组件拥有“层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上”的特性。就连微信调试vConsole的悬浮按钮都会被遮挡,如下图:

我的小程序有悬浮按钮(图中其实是被video遮住了),导致我只能在video暂停播放时隐藏【video组件】,用video封面图替换来优化这个体验问题。

但是

最近我发现新浪【微博】的小程序其悬浮按钮并不会被遮挡,而且我觉得它的这三个浮动图标按钮不会是在【cover-view】里写的,这样不会是良好的项目结构,但是却完美解决了【video组件】遮挡问题,如下图:

  • 希望提供的能力

所以:

一是希望通过社区能知道【微博】小程序的解决方案。

二是能优化原生组件的层级问题。像textarea这样的组件也好仔细考虑遮挡影响出的交互问题,比较头疼。

手动@官方大大,望跟进。

1 回复

我觉得他这个就是 cover-view

回到顶部