收藏
回答

【video组件】层级遮挡疑问(微博竟然没这个问题)

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

- 需求的场景描述(希望解决的问题)

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


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


但是

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



- 希望提供的能力

所以:

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

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


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

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

1 个回答

  • 卢霄霄
    卢霄霄
    2018-11-16

    我觉得他这个就是 cover-view

    2018-11-16
    有用 1
    回复 6
    • 言水心
      言水心
      2018-11-16

      没毛病

      2018-11-16
      回复
    • 卢霄霄
      卢霄霄
      2018-11-16回复言水心

      诶嘿嘿~ 放假啦~ 周末愉快

      2018-11-16
      回复
    • 路子阡
      路子阡
      2018-11-26

      我其实知道基本没跑是cover-view上做的了,但是不死心啊,这样写结构不好,并且不适用我做的业务页面,所以想来社区吐槽一下了。

      2018-11-26
      回复
    • 卢霄霄
      卢霄霄
      2018-11-26回复路子阡

      哈哈哈 十天来一次啊

      2018-11-26
      回复
    • 路子阡
      路子阡
      2018-11-26回复卢霄霄

      反正官方回复的效率就那样,我也不抱希望,还不如把霄霄你外聘了,哈哈。没什么问题比较少来社区,偶尔看看官方更新~

      2018-11-26
      回复
    查看更多(1)
登录 后发表内容