【video组件】层级遮挡疑问(微博竟然没这个问题)
- 需求的场景描述(希望解决的问题)
小程序中的【video组件】为原生组件,组件拥有“层级是最高的,所以页面中的其他组件无论设置 z-index
为多少,都无法盖在原生组件上”的特性。就连微信调试vConsole的悬浮按钮都会被遮挡,如下图:
我的小程序有悬浮按钮(图中其实是被video遮住了),导致我只能在video暂停播放时隐藏【video组件】,用video封面图替换来优化这个体验问题。
但是
最近我发现新浪【微博】的小程序其悬浮按钮并不会被遮挡,而且我觉得它的这三个浮动图标按钮不会是在【cover-view】里写的,这样不会是良好的项目结构,但是却完美解决了【video组件】遮挡问题,如下图:
- 希望提供的能力
所以:
一是希望通过社区能知道【微博】小程序的解决方案。
二是能优化原生组件的层级问题。像textarea这样的组件也好仔细考虑遮挡影响出的交互问题,比较头疼。
手动@官方大大,望跟进。