- 需求的场景描述(希望解决的问题)
希望是这样的tabbar:
- 希望提供的能力
根据官方自定义tabbar文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
并且参考了大神的帖子:https://developers.weixin.qq.com/community/develop/doc/000c6e038c0ce05413f71e7ce56c04
发现真机运行和开发者工具运行效果不一样
真机(Android 微信7.0)运行起来一片白
开发者工具(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>