公告列表
公告列表
收藏
回答

自定义底部tabbar与遮罩层遮不住问题？

自定义底部tabbar官方链接：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html，

自定义组件时用的是view和image，没有使用cover-view和cover-image，但是为什么我的遮罩还是盖不住底部的tabbar？

最后一次编辑于  2020-10-19
回答关注问题邀请回答
收藏

5 个回答

  • 傷
    傷
    2020-07-16

    刚才试了下，发现和我在tabbar里边写的z-index:999,没关系，默认的底部自定义的tabbar好像有个z-index但是我没找到这个属性，我把我的遮罩的层级z-index写的足够大就可以，自定义tabbar的层级好像是z-index:9999因为我给自己的遮罩z-index设置为10000及以上就可以遮住。

    2020-07-16
    有用 6
    回复 3
    • wmui
      wmui
      2021-07-22
      有效
      2021-07-22
      赞
      回复
    • HJC
      HJC
      2022-09-26
      你好，是否有实现代码，我尝试了自定义tabbar,依旧不能遮住
      2022-09-26
      赞
      回复
    • 傷
      傷
      2023-01-13回复HJC
      不要使用cover-view和cover-image，使用view和image
      2023-01-13
      赞
      回复
  • 浪花骑士
    浪花骑士
    2020-07-16

    文档中"以保证 tabBar 层级相对较高"的意思是:

    保证你页面里的原生组件(如,canvas,video等)不会把自定义tabBar遮住

    你页面内容还是没办法遮住tabbar的.

    如果想遮住,可以使用页面内引入tabBar组件的形式

    2020-07-16
    有用 1
    回复 11
    • 傷
      傷
      2020-07-16
      遮得住
      2020-07-16
      赞 1
      回复
    • 刘文涛
      刘文涛
      2020-07-16回复傷
      确认在真机上也能遮住吗, 我在开发者工具上能遮住, 但是到了真机上还是遮不住
      2020-07-16
      赞 1
      回复
    • 浪花骑士
      浪花骑士
      2020-07-16回复傷
      原来是这样,我一直用cover-view
      2020-07-16
      赞
      回复
    • 傷
      傷
      2020-07-16回复刘文涛
      确认可以，我在真机上试了。
      2020-07-16
      赞 1
      回复
    • 刘文涛
      刘文涛
      2020-07-16回复傷
      是不用 cover-view和cover-image 改用 view+image吗, tab-bar和遮罩的z-index 分别设置的多少
      2020-07-16
      赞
      回复
    查看更多(6)
  • 青团社
    青团社
    2020-07-16

    贴代码片段吧。

    2020-07-16
    有用
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-07-16

    弄一个 [ 能复现问题的简单的 ] 代码片段

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-07-16
    有用
    回复
  • 谋谋谋
    谋谋谋
    2020-07-16

    反复查看你的代码 你就会发现问题所在了

    2020-07-16
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
tabbar