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

自定义tab-bar模拟器展现没问题，真机图标被盖住了

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 12.0 iphone xs 7.0.4

- 当前 Bug 的表现（可附上截图）



- 预期表现


- 复现路径


- 提供一个最简复现 Demo

见代码片段


https://developers.weixin.qq.com/s/HpGBtVmD789b
回答关注问题邀请回答
收藏

2 个回答

  • 伊人行
    伊人行
    2019-07-17

    你把代码片段里面的wxml里面的div改成cover-view 就可以了，至于原因，如下图：


    2019-07-17
    有用
    回复 2
    • rainbow嗯哼
      rainbow嗯哼
      2019-07-17
      多谢大佬指点，还有一事请教，想知道中间那个圆形图标真机上看展示不全，被挡住了，与模拟器展现相差较大，想知道这种情况怎么处理呢
      2019-07-17
      赞
      回复
    • 伊人行
      伊人行
      2019-07-17回复rainbow嗯哼
      这个只能把底部tab高度设置大些
      2019-07-17
      赞
      回复
  • 投弹手的香菇鸡面
    投弹手的香菇鸡面
    2019-07-17

    预期表现是什么？真机图标被盖住？ 问题不明

    2019-07-17
    有用
    回复 7
    • rainbow嗯哼
      rainbow嗯哼
      2019-07-17
      我有代码片段，可以看，模拟器的展现就是我预期的想要的展现。就是只有一个背景色，本来上面有icon跟文字的，被盖在下面了。
      2019-07-17
      赞
      回复
    • 投弹手的香菇鸡面
      投弹手的香菇鸡面
      2019-07-17回复rainbow嗯哼
      如楼下所说 cover-view里不能套div 把div换成cover-view 解决了图标和字被覆盖的问题，但是真机上 tabbar中间图片多出的部分被遮挡住，不显示。cover-view默认样式overflow为隐藏，而且不支持改为其他属性值。最后解决方法时，把cover-view都换成div 然后图标大小什么的你再改下就行
      2019-07-17
      赞
      回复
    • 投弹手的香菇鸡面
      投弹手的香菇鸡面
      2019-07-17回复rainbow嗯哼


      可以设置scroll 我没试 这个属性应该不能满足你的需求 都换成div我试了 应该是可以的

      2019-07-17
      赞
      回复
    • rainbow嗯哼
      rainbow嗯哼
      2019-07-17回复投弹手的香菇鸡面
      这个方案，当页面滑动时，会发现icon跟着一起滑到上面了。额，这个怎么解决啊
      2019-07-17
      赞
      回复
    • 投弹手的香菇鸡面
      投弹手的香菇鸡面
      2019-07-17回复rainbow嗯哼
      你设置了scroll？还是都换了div？
      2019-07-17
      赞
      回复
    查看更多(2)
请 登录 后发表内容
相关问题
相关文档