收藏
回答

使用自定义tabbar,脱出文档流,遮挡页面中绝对定位在底部的按钮怎么办? tabbar不是固定页面

页面上被遮挡的按钮那块,也是使用了绝对定位,被遮挡了,该怎么办,试了好几种都不行。

有种方法是:判断当前页面是不是tabbar页面,如果是给他加边距占位。但是这种比较麻烦,因为页面比较多,各位大佬有没有比较简便的方法占位?

(ps:tabbar不是固定的数量,不是固定的跳转页面)

最后一次编辑于  2021-05-14
回答关注问题邀请回答
收藏

3 个回答

  • 微喵网络
    微喵网络
    2021-05-14

    被挡住的部分,加个底边距

    2021-05-14
    有用
    回复 19
    • Zan^Z
      Zan^Z
      2021-05-14
      因为做tabbar的页面不是固定的,是根据后台的设置来改变的 ,如果这样的话 会要很多页面都要加 还要每个页面判断是不是tabbar页面 这样比较麻烦 有比较简单的方法吗
      2021-05-14
      回复
    • 微喵网络
      微喵网络
      2021-05-16回复Zan^Z
      tabbar组件里分两个部分,一个是tabbar本体,fixed固定在底部,一个是底部的占位,一个高度等于tabbar的空view。这样使用的tabbar的页面底部会自动加上高度等于tabbar的底边距
      2021-05-16
      回复
    • Zan^Z
      Zan^Z
      2021-05-17回复微喵网络
      这个方法我也试了,使用的是官方的自定义tabbar组件,加空view高度占位没有反应,难过
      2021-05-17
      回复
    • 微喵网络
      微喵网络
      2021-05-17回复Zan^Z
      那就别用官方的了
      2021-05-17
      回复
    • Zan^Z
      Zan^Z
      2021-05-17回复微喵网络
      可是如果不使用官方的 那这个tabbar组件 需要在每个是tabbar页面里引用一下才可以吧 但是这个tabbar页又不是固定的
      2021-05-17
      回复
    查看更多(14)
  • 武曲心
    武曲心
    2021-05-12

    用flex,页面布局是基础,这方面要是有问题建议补习一下基础知识

    2021-05-12
    有用
    回复 3
    • Zan^Z
      Zan^Z
      2021-05-12
      这个地方的样式 是官方组件自带的
      2021-05-12
      回复
    • 武曲心
      武曲心
      2021-05-12回复Zan^Z
      动手自己写一个吧,又不是很难,不用组件干拔wxml也行呀,何必自寻烦恼
      2021-05-12
      回复
    • 武曲心
      武曲心
      2021-05-12回复Zan^Z
      自己写一个,用wx.hideTabBar()把系统的隐藏掉,app.json里面tabBar照样设置就可以了
      2021-05-12
      回复
  • 哄哄
    哄哄
    2021-05-12

    给页面加padding-bottom吧,挤着不难受么?

    2021-05-12
    有用
    回复 4
    • Zan^Z
      Zan^Z
      2021-05-12
      这个自定义tabbar是根据后台来变化的 如果加padding的话 那每个页面都要加一下 而且你不知道哪个页面会是导航页面
      2021-05-12
      回复
    • Zan^Z
      Zan^Z
      2021-05-12
      然后如果是在官方这个tabbar组件里面添加的话 他没有反应 依旧是这样遮挡的
      2021-05-12
      回复
    • 哄哄
      哄哄
      2021-05-12回复Zan^Z
      是要在你引入tabbar组件的页面加。 有tabbar,就给页面加padding
      2021-05-12
      回复
    • Zan^Z
      Zan^Z
      2021-05-12回复哄哄
      但是现在问题是 引入tabbar组件的页面 不是固定的
      2021-05-12
      回复
登录 后发表内容