收藏
回答

在iphone6中 自定义tabbar不显示问题?

iphone6

ios10.3.2(14F89)

微信版本:7.0.14

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

3 个回答

  • Viola
    Viola
    2021-01-14

    会不会层级问题 给盖住了

    2021-01-14
    有用
    回复 4
    • c
      c
      2021-01-14
      我在网上查到有说是ios版本的问题。 明天iphone6才能到。现在还不能测试。
      2021-01-14
      回复
    • Viola
      Viola
      2021-01-14回复c
      我一般的tabber都是自己写一个组件放在底部 然后承载的页面通过组件引入 因为官方的自定义tabbar问题很多 不是很友好
      2021-01-14
      回复
    • c
      c
      发表于移动端
      2021-01-14回复Viola
      难搞啊
      2021-01-14
      回复
    • Viola
      Viola
      2021-01-14回复c
      是的 当时就是因为这个限制太多 后面自己写了个footer 组件
      2021-01-14
      回复
  • 菱玉
    菱玉
    2021-01-14

    你可以把原生的cover-view标签换成 view,替换下就可以了,我前段时间也是这样,希望对你用

    <view class="tab-bar">

      <view class="tab-bar-border"></view>

      <view wx:for="{{list}}wx:key="indexclass="tab-bar-itemdata-path="{{item.pagePath}}data-index="{{index}}bindtap="switchTab">

        <image class="itemimagesrc="{{selected === index ? item.selectedIconPath : item.iconPath}}"></image>

        <view class="itemviewstyle="color: {{selected === index ? selectedColor : color}}">{{item.text}}</view>

      </view>

    </view>

    .tab-bar {

      position: fixed;

      bottom: 0;

      left: 0;

      right: 0;

      height: 48px;

      background: white;

      display: flex;

      padding-bottom: env(safe-area-inset-bottom);

    }


    .tab-bar-border {

      background-color: rgba(0, 0, 0, 0.33);

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 1px;

      transform: scaleY(0.5);

    }


    .tab-bar-item {

      flex: 1;

      text-align: center;

      display: flex;

      justify-content: center;

      align-items: center;

      flex-direction: column;

    }


    .itemimage {

      width: 27px;

      height: 27px;

    }


    .itemview {

      font-size: 10px;

    }



    2021-01-14
    有用
    回复 3
    • c
      c
      2021-01-14
      这个我试过了,图标会标大。
      2021-01-14
      回复
    • 菱玉
      菱玉
      2021-01-14回复c
      自定义兼容性个人觉得不太好,非必要还是别用了
      2021-01-14
      回复
    • c
      c
      2021-01-14回复菱玉
      我倒是无所谓,设计那边要这样的。 为了找问题,还专门去找了一个iphone6  明天测试
      2021-01-14
      回复
  • c
    c
    2021-01-14

    如图。

    2021-01-14
    有用
    回复
登录 后发表内容
问题标签