收藏
回答

小程序tabBar层级z-index问题,自定义弹窗遮挡不住

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug tabBar 客户端 6.7.3 2.4


示例截图!上面遮罩遮住的是自己写的自定义底部tabBar导航,下面是小程序官方tabBar组件。自定义的弹窗和遮罩不能将官方tabBar组件盖住,导致点击官方tabBar组件还能切换页面。@官方人员!能否给方便开发者自定义官方tabBar组件层级?能否方便开发者自定义弹窗遮罩全屏覆盖包括官方tabBar?会不会考虑以后的版本有这样的优化?

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

27 个回答

  • 虾仁鱼🍤🚶🐠
    虾仁鱼🍤🚶🐠
    2024-04-26

    2023年亲测可用,解决dialog无法遮挡自定义tabbar的问题:

    1.运行模拟器,找到dialog组件最外层包裹的view的class

    2.强制修改组件的z-index

    .dialog-dialog--weui-dialog__root {
      z-index: 999999999 !important
    }
    
    2024-04-26
    有用
    回复
  • yoo
    yoo
    2022-07-06

    2022.07了,这个问题还是存在

    自定义tabbar只能

    this.getTabBar().setData({

                    visible: val,

                })


    2022-07-06
    有用
    回复
  • healer
    healer
    2021-11-28

    2021.11还存在这个问题

    2021-11-28
    有用
    回复
  • destiny
    destiny
    2021-11-17

    2021.11

    2021-11-17
    有用
    回复
  • 
    
    2021-07-08

    新出了个`page-container`组件 可以修改`page-container`的样式达到弹窗盖住tabbar的效果,属性是`custom-style`

    

    2021-07-08
    有用
    回复 1
    • Evan
      Evan
      2021-08-02
      还是不行。。。
      2021-08-02
      回复
  • Why not?
    Why not?
    2021-06-12

    呼声这么高的功能,社区也呼唤了这么久,官方为啥不考虑一下呢?

    2021-06-12
    有用
    回复
  • 猫老师
    猫老师
    2021-05-27

    同样问题,使用 vant 库,actionsheet 被 tabbar 遮住看不见

    2021-05-27
    有用
    回复
  • 小确幸🐾
    小确幸🐾
    2021-05-10

    2021年了,官方还没出可以底部弹出可以挡住tabbar的组件吗

    2021-05-10
    有用
    回复
  • .
    .
    2021-04-09

    什么时候能解决这个问题呢?

    2021年了,这个问题还存在.....

    2021-04-09
    有用
    回复
  • _Huiwen
    _Huiwen
    2021-02-04

    都2021年了还存在

    2021-02-04
    有用
    回复

正在加载...

登录 后发表内容