自定义 tabbar 问题
发布于 6 年前 作者 lfeng 10228 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

希望是这样的tabbar:

  • 希望提供的能力

根据官方自定义tabbar文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

并且参考了大神的帖子:https://developers.weixin.qq.com/community/develop/doc/000c6e038c0ce05413f71e7ce56c04

发现真机运行和开发者工具运行效果不一样

  1. 真机(Android 微信7.0)运行起来一片白



  2. 开发者工具(1.02.1812271)运行起来,原来的tabbar和我自定义的tabbar都显示出来了

代码如下:

<cover-view class=“tabbar-box {{isIphoneX?‘iphoneX-height’:’’}}” style=“background-color:{{tabbar.backgroundColor}}”>

<block wx:for="{{tabbar.list}}" wx:key="{{item.pagePath}}">

<navigator class=“tabbar-item” url="{{item.pagePath}}" open-type=“switchTab”>

<cover-image class=“tabbar-icon {{item.isSpecial ? ‘tabbar-special’:’’}}” src="{{item.isSelected ? item.selectedIconPath:item.iconPath}}" />

</navigator>

</block>

</cover-view>

3 回复

先做一个原生的tabbar,然后再写一个自定义的tabbar,然后在onload的方法里hide掉原生的,跳转方式用switchTab就可以了。

我也是遇到了这种问题,真机是好的。就是工具俩导航栏都显示出来了。

回到顶部