微信小程序 自定义tabBar,使用官方模版,点击切换时 闪烁,体验贼差。然后百度百度,看到网上说的,把selected设置为空,还是不行。而且第二天重新打开的时候,发现tab的图片显示不出来。。。
1、解决办法
很简单,把cover-view标签,全部替换成view标签就行了。(cover-image也换成image,我现在没用图片,我改用字体图标了)
目前我的是正常了,一点不闪。
贴一下我的代码:
<!--miniprogram/custom-tab-bar/index.wxml-->
<view class="tab-bar">
<!-- <view class="tab-bar-border"></view> -->
<view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<view class="iconfont {{item.icon}}" style="{{selected === index ? 'color: #CCCC99' : ''}}"></view>
<!-- <cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image> -->
<view class="text" style="color: {{selected === index ? selectedColor : color}};font-weight:{{selected === index ? '600' : '400'}}">{{item.text}}</view>
</view>
</view>
如有问题,请多多指教。